layui修改单元格数据

参考:layui官网:

https://www.layui.com/demo/table/cellEdit.html

https://www.layui.com/demo/table/cellEvent.html

 

layui修改单元格数据_第1张图片

layui修改单元格数据_第2张图片

修改单元格的js方法

 //监听单元格编辑
    table.on('edit(levelTableFilter)', function (obj) {
        $('input').keyup(function () {
            value = value.replace(/[^d.]/g, '');
        });
        var value = obj.value, // 得到修改后的值
            id = obj.data.id, // 得到当前修改行的id
            field = obj.field; // 得到当前修改的字段名
        var data = {},
            key = field;
        data[key] = value;
        data['id'] = id;
        var my = '';
        var allData = '';
        //获取表格数据
        var tableData = table.cache['searchReload'];

        if (value < 0) {
            layer.msg('值不能为负数', {
                icon: 5
            });
            table.reload('searchReload');
            return false;
        }

        $.ajax({
            url: url_order + "api/rebateRuleController/editRebateRule",
            type: 'POST',
            traditional: true,
            data: data,
            success: function (data) {
                if (data.code == 0) {
                    table.reload('searchReload');
                    layer.msg(data.msg, {
                        icon: 6
                    });
                } else {
                    layer.msg(data.msg, {
                        icon: 5
                    });
                }
            }
        });
    });

 

你可能感兴趣的:(前端)