layui数据表格删除当前行的实现方法


本文摘自PHP中文网,作者藏色散人,侵删。

layui数据表格删除当前行的实现方法:首先创建一个代码示例文件;然后通过“oldData.splice(obj.tr.data('index'),1);”方法实现删除当前行即可。

推荐:《layUI教程》

本教程操作环境:windows10系统、layui2.5.6版,该方法适用于所有品牌电脑。

数据表格如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

t2 = {

      elem: '#test2',

      data: tableData2,

      page: false,

      width: $(parent.window).width()-50,

      cols: [[

        {type:'checkbox',field:'id'},

        {field:'cstMoldNo', title: '客户模号',edit:'text'},

        {field:'cstProdName', title: '产品名称',edit:'text'},

        {field:'material', title: '产品材料',edit:'text'},

        {field:'firstTryDate', title: '验证日期',edit:'text'},

        {field:'deliveryDate', title: '交货日期',edit:'text'},

        {field:'unit', title: '单位',edit:'text'},

        {field:'count',   title: '数量',edit:'text'},

        {field:'upTax',   title: '含税单价',edit:'text'},

        {field:'priceTax',    title: '含税金额',edit:'text'},

        {field:'remark', title: '备注',edit:'text'},

        {fixed: 'right', title: '操作',width: '10%',align: 'center',toolbar: '#barDemo'}

      ]]

    };

点击删除当前行的方法:

1

2

3

4

5

6

7

8

9

10

11

if(obj.event === "del"){

       layer.confirm("你确定要删除么?",{btn:['是的,我确定','我再想想']},

           function(){

             var oldData = table.cache["test2"];

             oldData.splice(obj.tr.data('index'),1);

             layer.msg("删除成功",{time: 10},function(){

               table.reload('test2',{data : oldData});

             });

           }

       )

     }

layui中删除表格当前行主要使用splice()方法,

阅读剩余部分

相关阅读 >>

如何解决layui时间控件闪退问题

怎么设置layui默认的表格宽度

layui 怎么引用

使用layui渲染table数据表格(实例)

怎么用layui实现图片上传

layui事件监听使用

webpack打包layui实现步骤

layui下拉选中的值怎么回填

layui table模块对表格数据处理后的排序问题

详解layui单选按钮不能正常显示及解决办法

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...