表格的直接修改与删除

今天给说一下直接在表格上进行的修改与删除，先说修改的，要实现修改就要在修的那一列表头上加edit修改。不加没效果。下面是代码，但是如果你不想把每一个按钮都渲染出来也可以把它放在页面上作为静态的按钮，只要加上属性lay-event好，属性参数可以自定义。

, { field: 'BillType', title: '票据类型', align: 'center', width: 90, edit: Text }
, { field: 'UserName', title: '操作员名', align: 'center', width: 90 }
, {
    title: '操作', width: 110, align: 'center',
    templet: '<div><a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit" title="完成">' + '修改' + '</a>'
    + '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">' + '删除' + '</a></div>'
  }

//这个绑定工具条相信大家都会了就不多说了，下面看代码

layuitable.on('tool(Typetable)', function (obj) { 
var data = obj.data; 
                    var layEvent = obj.event; 
                    var tr = obj.tr; 
                    if (layEvent === 'del') { //删除
                        layer.confirm('真的删除么',{icon:0}, function (index) {
                            obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                            layer.close(index);
                            //向服务端发送删除指令
                            $.post("Delet", { BillID: data.BillID }, function (ta) {
                                layer.msg(ta.Text, {icon:0});
                                if (ta.State == true) {
                                    UserID = data.UserID;
                                    table = layuitable.reload("Typetable", {
                                        url: 'UserDetail?UserID=' + UserID,

                                    });
                                }
                            })
                            
                        });
                    }
                    else if (layEvent === 'edit') { //修改
                        if (obj.data.StartTicketNumber * 1 + obj.data.Warehousing * 1 >= obj.data.TicketNumber) {
                            obj.data.Warehousing = (obj.data.StartTicketNumber * 1) + (obj.data.Warehousing * 1) - obj.data.TicketNumber;
                         } else {
                            obj.data.TicketNumber = obj.data.Warehousing * 1 + obj.data.StartTicketNumber * 1;
                            obj.data.Warehousing = 0;
                            console.log(obj);
                            }
                        $.post("Modification",
                            { BillID: obj.data.BillID, BillType: obj.data.BillType, TicketNumber: obj.data.TicketNumber, UseState: obj.data.UseState, Warehousing: obj.data.Warehousing }
                            , function (ad) {
                                layer.msg(ad.Text, { icon: 0 });
                                if (ad.State == true) {
                                    UserID = data.UserID;
                                    table = layuitable.reload("Typetable", {
                                        url: 'UserDetail?UserID=' + UserID,

                                    });
                                }
                        })
                     }
                });

下面请看修改的效果图，我设置的是修改完后点击修改才执行修改的代码，点击完使用状态一下子就改变了。