hlm_pl_mall/public/static/admin/js/jquery.edit.js

$(document).ready(function() {
    var url = window.location.href;
    var url = url.replace(/\/index.php/g, "");
    var baseurl = BASESITEURL.replace(/index.php/g, "");
    var params = url.substr(baseurl.length).split('/');
    action = params[0] ? params[1] : params[2];
    
//    var url = window.location.href;
//    var params = url.substr(1).split('/index.php/');
//    var action = '';
//    var param = params[1];
//    var arr = param.split('/');
//    action = arr[1];
    
    //给需要修改的位置添加修改行为
    $('span[ds_type="inline_edit"]').click(function() {
        var s_value = $(this).text();
        var s_name = $(this).attr('fieldname');
        var s_id = $(this).attr('fieldid');
        var req = $(this).attr('required');
        var type = $(this).attr('datatype');
        var max = $(this).attr('maxvalue');
        var ajax_branch = $(this).attr('ajax_branch');
        $('<input type="text">')
                .attr({value: s_value})
                .insertAfter($(this))
                .focus()
                .select()
                .keyup(function(event) {
            if (event.keyCode == 13)
            {
                if (req)
                {
                    if (!required($(this).prop('value'), s_value, $(this)))
                    {
                        return;
                    }
                }
                if (type)
                {
                    if (!check_type(type, $(this).prop('value'), s_value, $(this)))
                    {
                        return;
                    }
                }
                if (max)
                {
                    if (!check_max($(this).prop('value'), s_value, max, $(this)))
                    {
                        return;
                    }
                }
                $(this).prev('span').show().text($(this).prop("value"));
                //branch ajax 分支
                //id 修改内容索引标识
                //column 修改字段名
                //value 修改内容
                $.get(ADMINSITEURL+'/'+action+'/ajax.html', {branch: ajax_branch, id: s_id, column: s_name, value: $(this).prop('value')}, function(data) {
                    if (data === 'false')
                    {
                        alert('名称已经存在，请您换一个');
                        $('span[fieldname="' + s_name + '"][fieldid="' + s_id + '"]').text(s_value);
                        return;
                    }
                });
                $(this).remove();
            }
        })
                .blur(function() {
            if (req)
            {
                if (!required($(this).prop('value'), s_value, $(this)))
                {
                    return;
                }
            }
            if (type)
            {
                if (!check_type(type, $(this).prop('value'), s_value, $(this)))
                {
                    return;
                }
            }
            if (max)
            {
                if (!check_max($(this).prop('value'), s_value, max, $(this)))
                {
                    return;
                }
            }
            $(this).prev('span').show().text($(this).prop('value'));
            $.get(ADMINSITEURL+'/'+action+'/ajax.html', {branch: ajax_branch, id: s_id, column: s_name, value: $(this).prop('value')}, function(data) {
                if (data === 'false')
                {
                    alert('名称已经存在，请您换一个');
                    $('span[fieldname="' + s_name + '"][fieldid="' + s_id + '"]').text(s_value);
                    return;
                }
            });
            $(this).remove();
        });
        $(this).hide();
    });


    $('span[ds_type="inline_edit_textarea"]').click(function() {
        var s_value = $(this).text();
        var s_name = $(this).attr('fieldname');
        var s_id = $(this).attr('fieldid');
        var req = $(this).attr('required');
        var type = $(this).attr('datatype');
        var max = $(this).attr('maxvalue');
        var ajax_branch = $(this).attr('ajax_branch_textarea');
        $('<textarea>')
                .text(s_value)
                .appendTo($(this).parent())
                .focus()
                .select()
                .keyup(function(event) {
            if (event.keyCode == 13)
            {
                if (req)
                {
                    if (!required($(this).prop('value'), s_value, $(this)))
                    {
                        return;
                    }
                }
                if (type)
                {
                    if (!check_type(type, $(this).prop('value'), s_value, $(this)))
                    {
                        return;
                    }
                }
                if (max)
                {
                    if (!check_max($(this).prop('value'), s_value, max, $(this)))
                    {
                        return;
                    }
                }
                $(this).prev('span').show().text($(this).prop("value"));
                //branch ajax 分支
                //id 修改内容索引标识
                //column 修改字段名
                //value 修改内容
                $.get(ADMINSITEURL+'/'+action+'/ajax.html', {branch: ajax_branch, id: s_id, column: s_name, value: $(this).prop('value')}, function(data) {
                    if (data === 'false')
                    {
                        alert('名称已经存在，请您换一个');
                        $('span[fieldname="' + s_name + '"][fieldid="' + s_id + '"]').text(s_value);
                        return;
                    }
                });
                $(this).remove();
            }
        })
                .blur(function() {
            if (req)
            {
                if (!required($(this).prop('value'), s_value, $(this)))
                {
                    return;
                }
            }
            if (type)
            {
                if (!check_type(type, $(this).prop('value'), s_value, $(this)))
                {
                    return;
                }
            }
            if (max)
            {
                if (!check_max($(this).prop('value'), s_value, max, $(this)))
                {
                    return;
                }
            }
            $(this).prev('span').show().text($(this).prop('value'));
            
            $.get(ADMINSITEURL+'/'+action+'/ajax.html', {branch: ajax_branch, id: s_id, column: s_name, value: $(this).prop('value')}, function(data) {
                if (data === 'false')
                {
                    alert('名称已经存在，请您换一个');
                    $('span[fieldname="' + s_name + '"][fieldid="' + s_id + '"]').text(s_value);
                    return;
                }
            });
            $(this).remove();
        });
        $(this).hide();
    });

    //给需要修改的图片添加异步修改行为
    $('img[ds_type="inline_edit"]').click(function() {
        var i_id = $(this).attr('fieldid');
        var i_name = $(this).attr('fieldname');
        var i_src = $(this).attr('src');
        var i_val = ($(this).attr('fieldvalue')) == 0 ? 1 : 0;
        var ajax_branch = $(this).attr('ajax_branch');

        $.get(ADMINSITEURL+'/'+action+'/ajax.html', {branch: ajax_branch, id: i_id, column: i_name, value: i_val}, function(data) {
            if (data == 'true')
            {
                if (i_val == 0)
                {
                    $('img[fieldid="' + i_id + '"][fieldname="' + i_name + '"]').attr({'src': i_src.replace('enabled', 'disabled'), 'fieldvalue': i_val});
                }
                else
                {
                    $('img[fieldid="' + i_id + '"][fieldname="' + i_name + '"]').attr({'src': i_src.replace('disabled', 'enabled'), 'fieldvalue': i_val});
                }
            }
        });
    });
    $('a[ds_type="inline_edit"]').click(function() {
        var i_id = $(this).attr('fieldid');
        var i_name = $(this).attr('fieldname');
        var i_src = $(this).attr('src');
        var i_val = ($(this).attr('fieldvalue')) == 0 ? 1 : 0;
        var ajax_branch = $(this).attr('ajax_branch');

        $.get(ADMINSITEURL+'/' + action + '/ajax', {branch: ajax_branch, id: i_id, column: i_name, value: i_val}, function(data) {
            if (data == 'true')
            {
                if (i_val == 0) {
                    $('a[fieldid="' + i_id + '"][fieldname="' + i_name + '"]').attr({'class': ('enabled', 'disabled'), 'title': ('开启', '关闭'), 'fieldvalue': i_val});
                } else {
                    $('a[fieldid="' + i_id + '"][fieldname="' + i_name + '"]').attr({'class': ('disabled', 'enabled'), 'title': ('关闭', '开启'), 'fieldvalue': i_val});
                }
            } else {
                alert('响应失败');
            }
        });
    });
    //给每个可编辑的小图片的父元素添加可编辑标题 $('img[ds_type="inline_edit"]').parent().attr('title','可编辑');

    //给列表有排序行为的列添加鼠标手型效果
    $('span[ds_type="order_by"]').hover(function() {
        $(this).css({cursor: 'pointer'});
    }, function() {
    });

});
//检查提交内容的必须项
function required(str, s_value, jqobj)
{
    if (str == '')
    {
        jqobj.prev('span').show().text(s_value);
        jqobj.remove();
        alert('此项不能为空');
        return 0;
    }
    return 1;
}
//检查提交内容的类型是否合法
function check_type(type, value, s_value, jqobj)
{
    if (type == 'number')
    {
        if (isNaN(value))
        {
            jqobj.prev('span').show().text(s_value);
            jqobj.remove();
            alert('此项仅能为数字');
            return 0;
        }
    }
    if (type == 'int')
    {
        var regu = /^-{0,1}[0-9]{1,}$/;
        if (!regu.test(value))
        {
            jqobj.prev('span').show().text(s_value);
            jqobj.remove();
            alert('此项仅能为整数');
            return 0;
        }
    }
    if (type == 'pint')
    {
        var regu = /^[0-9]+$/;
        if (!regu.test(value))
        {
            jqobj.prev('span').show().text(s_value);
            jqobj.remove();
            alert('此项仅能为正整数');
            return 0;
        }
    }
    if (type == 'zint')
    {
        var regu = /^[1-9]\d*$/;
        if (!regu.test(value))
        {
            jqobj.prev('span').show().text(s_value);
            jqobj.remove();
            alert('此项仅能为正整数');
            return 0;
        }
    }
    if (type == 'discount')
    {
        var regu = /[1-9]|0\.[1-9]|[1-9]\.[0-9]/;
        if (!regu.test(value))
        {
            jqobj.prev('span').show().text(s_value);
            jqobj.remove();
            alert('只能是0.1-9.9之间的数字');
            return 0;
        }
    }
    return 1;
}
//检查所填项的最大值
function check_max(str, s_value, max, jqobj)
{
    if (parseInt(str) > parseInt(max))
    {
        jqobj.prev('span').show().text(s_value);
        jqobj.remove();
        alert('此项应小于等于' + max);
        return 0;
    }
    return 1;
}


//新的inline_edit调用方法
//javacript
//$('span[ds_type="class_sort"]').inline_edit({controller: 'member',action: 'update_class_sort'});
//html
//<span ds_type="class_sort" column_id="<?php echo $val['class_id'];?>" title="<?php echo $lang['ds_editable'];?>" class="editable tooltip"><?php echo $val['class_sort'];?></span>
//php 
//$result = array();
//$result['result'] = FALSE;/TURE
//$result['message'] = '错误';
//echo json_encode($result);

(function($) {
    $.fn.inline_edit = function(options) {
        var settings = $.extend({}, {open: false}, options);
        return this.each(function() {
            $(this).click(onClick);
        });

        function onClick() {
            var span = $(this);
            var old_value = $(this).html();
            var column_id = $(this).attr("column_id");
            $('<input type="text">')
                    .insertAfter($(this))
                    .focus()
                    .select()
                    .val(old_value)
                    .blur(function() {
                var new_value = $(this).prop("value");
                if (new_value != '') {
                    $.get(ADMINSITEURL + '/' + settings.controller + '/' + settings.action + '?branch=ajax', {id: column_id, value: new_value}, function(data) {
                        data = $.parseJSON(data);
                        if (data.result) {
                            span.show().text(new_value);
                        } else {
                            span.show().text(old_value);
                            alert(data.message);
                        }
                    });
                } else {
                    span.show().text(old_value);
                }
                $(this).remove();
            })
            $(this).hide();
        }
    }
})(jQuery);

(function($) {
    $.fn.inline_edit_confirm = function(options) {
        var settings = $.extend({}, {open: false}, options);
        return this.each(function() {
            $(this).click(onClick);
        });

        function onClick() {
            var $span = $(this);
            var old_value = $(this).text();
            var column_id = $(this).prop("column_id");
            var $input = $('<input type="text">');
            var $btn_submit = $('<a class="inline-edit-submit" href="JavaScript:;">确认</a>');
            var $btn_cancel = $('<a class="inline-edit-cancel" href="JavaScript:;">取消</a>');

            $input.insertAfter($span).focus().select().val(old_value);
            $btn_submit.insertAfter($input);
            $btn_cancel.insertAfter($btn_submit);
            $span.hide();

            $btn_submit.click(function() {
                var new_value = $input.prop("value");
                if (new_value !== '' && new_value !== old_value) {
                    $.post(ADMINSITEURL + '/' + settings.controller + '/' + settings.action, {id: column_id, value: new_value}, function(data) {
                        data = $.parseJSON(data);
                        if (data.result) {
                            $span.text(new_value);
                        } else {
                            alert(data.message);
                        }
                    });
                }
                show();
            });

            $btn_cancel.click(function() {
                show();
            });

            function show() {
                $span.show();
                $input.remove();
                $btn_submit.remove();
                $btn_cancel.remove();
            }
        }
    };
})(jQuery);