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

这篇文章将为大家详细讲解有关layui如何实现数据表格删除当前行,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

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

数据表格如下:

t2={ 　　elem: & # 39; # test2 # 39; 　　数据:tableData2, 　　页面:假的, 　　宽度:$ (parent.window) .width(-50年), 　　关口:[[ 　　{类型:& # 39;复选框# 39;,字段:& # 39;id # 39;}, 　　{:& # 39;cstMoldNo& # 39;,标题:& # 39;客户模号& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;cstProdName& # 39;,标题:& # 39;产品名称& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;材料# 39;,标题:& # 39;产品材料& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;firstTryDate& # 39;,标题:& # 39;验证日期& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;deliveryDate& # 39;,标题:& # 39;交货日期& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;单位# 39;,标题:& # 39;单位& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;计数# 39;,标题:& # 39;数量& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;upTax& # 39;,标题:& # 39;含税单价& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;priceTax& # 39;,标题:& # 39;含税金额& # 39;,编辑:& # 39;文本# 39;}, 　　{:& # 39;评论# 39;,标题:& # 39;备注& # 39;,编辑:& # 39;文本# 39;}, 　　{固定:& # 39;对# 39;,标题:& # 39;操作& # 39;,宽度:& # 39;10% & # 39;,对齐:& # 39;中心# 39;,工具栏:& # 39;# barDemo& # 39;} 　　]] 　　};

点击删除当前行的方法:

如果(obj。事件===癲el") { 　　layer.confirm(“你确定要删除么?“,{btn:[& # 39;是的,我确定& # 39;,& # 39;我再想想& # 39;]}, 　　函数(){ 　　var oldData=https://www.yisu.com/zixun/table.cache (“test2”); 　　oldData.splice (obj.tr.data(指数),1); 　　层。味精(“删除成功”,{时间:10},函数(){ 　　表格重载(test2,{数据:oldData}); 　　})； 　　} 　　) 　　}

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

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

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

语法

arrayObject.splice(索引、多少item1、..... itemX)

说明

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

关于layui如何实现数据表格删除当前行就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

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