【LayUI】layui中如何对各单元格实时修改?

对单元格实时修改(这里经常体现的就是排序,动态修改排序)

var tableId='treeTable';
    layui.config({base: '{ADMIN_PATH}'})
        .use(['table','jquery','layer'], function() {
            var $ = layui.jquery,
                table = layui.table,
                layer = layui.layer;//很重要

            var info = table.render({
                elem: '#' + tableId,
                url: "",
                title: '投票选项',
                toolbar: '#toolBar',
                defaultToolbar: ['filter', 'print', 'exports'],
                page: true,
                loading: true,
                limit: 20,
                limits: [20, 50, 100],
                cols: [[
                    {type: 'checkbox', fixed: 'left'},
                    {field: 'sort', width: 100, align: 'center', title: '排序',edit:'number'},                  
                    {field: 'number',width:120, title:'编号',align: 'center',sort:true,edit:'text'},                   
                    {field: 'title', minWidth:200, align: 'center', templet: function (d) {
                        return '

'+d.title+'
'+d.subtitle+'

'; }, title:'标题/副标题'}, {templet: '#vote-state', minWidth: 180, align: 'center', title: '操作',fixed:'right'} ]], done: function (res, curr, count) { layer.closeAll('loading'); } }); // table.on('edit('+tableId+')',function (obj) { var data = obj.data; var field = obj.field; var item = {}; item['id'] = data.id; item[field] = obj.value;//动态修改 $.post("", {data:item}, function (res) { if (res.type === 'success') { layer.msg(res.message); table.reload( tableId ); } else { layer.msg(res.message); } }, 'json'); // console.log(obj.value); //得到修改后的值 console.log(obj.field); //当前编辑的字段名 console.log(obj.data); //所在行的所有相关数据 }); });

你可能感兴趣的:(Javascript,layui,edit,单元格,排序)