table删除行数据

这个操作是操作session里面的数据
Layui的删除行操作,可以通过监听工具条的方式或者是自定义操作列进行删除。
下面是一些效果图。
先添加两条数据,右上角是删除按钮(工具条),然后就是点击进行删除行操作。

工具条监听通常是配合Table前面的复选框或者单选框进行Table内的数据操作。
为了判断是否操作失误添加一个提示框,避免对数据造成影响。

先是创建工具条,然后Table绑定工具条。

 @* 产品材料删除行*@
    

//Table
tabClient = layuiTable.render({
                    elem: "#tabClient",
                    toolbar: '#toolbardel',
                    defaultToolbar: [],
})

  //产品材料==>>删除行
                layuiTable.on('toolbar(tabClient)', function () {
                    var checkStatus = layuiTable.checkStatus("tabClient");
                    if (checkStatus.data.length > 0) {
                        var checkData = checkStatus.data;
                        var ID = checkData[0].CPCL_GZID;//x修改行的ID
                        var CPCL_MXID = checkData[0].CPCL_MXID;
                        if (ID == undefined) {
                            ID = 0; 
                        }
                      $.post("delClient", { ID: ID, CPCL_MXID: CPCL_MXID }, function (data) {
                            if (data == true) {
                                tabClient.reload({
                                    url: "selecttabClient",
                                });
                                layer.msg("删除成功")

                            } else {
                                layer.msg("删除失败")
                            }
                        })
                    } else {
                        layer.alert("请选中需要删除的配件信息")
                    }
                });

table删除行数据_第1张图片

你可能感兴趣的:(ASP.NET)