layui数据表格如何删除当前行

作者 : MOOMOO 本文共1330个字,预计阅读时间需要4分钟 发布时间: 2022-05-3 共21人阅读

数据表格如下:

  1. t2 = {
  2.     elem: ‘#test2’,
  3.     data: tableData2,
  4.     page: false,
  5.     width: $(parent.window).width()-50,
  6.     cols: [[
  7.         {type:’checkbox’,field:’id’},
  8.         {field:’cstMoldNo’, title: ‘客户模号’,edit:’text’},
  9.         {field:’cstProdName’, title: ‘产品名称’,edit:’text’},
  10.         {field:’material’, title: ‘产品材料’,edit:’text’},
  11.         {field:’firstTryDate’, title: ‘验证日期’,edit:’text’},
  12.         {field:’deliveryDate’, title: ‘交货日期’,edit:’text’},
  13.         {field:’unit’, title: ‘单位’,edit:’text’},
  14.         {field:’count’,   title: ‘数量’,edit:’text’},
  15.         {field:’upTax’,   title: ‘含税单价’,edit:’text’},
  16.         {field:’priceTax’,    title: ‘含税金额’,edit:’text’},
  17.         {field:’remark’, title: ‘备注’,edit:’text’},
  18.         {fixed: ‘right’, title: ‘操作’,width: ‘10%’,align: ‘center’,toolbar: ‘#barDemo’}
  19.     ]]
  20. };

点击删除当前行的方法:

  1. if(obj.event === “del”){
  2.     layer.confirm(“你确定要删除么?”,{btn:[‘是的,我确定’,’我再想想’]},
  3.         function(){
  4.             var oldData = table.cache[“test2”];
  5.             oldData.splice(obj.tr.data(‘index’),1);
  6.             layer.msg(“删除成功”,{time: 10},function(){
  7.                 table.reload(‘test2’,{data : oldData});
  8.             });
  9.            }
  10.        )
  11. }

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

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

  1. arrayObject.splice(index,howmany,item1,…..,itemX)

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui数据表格如何删除当前行

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论