CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

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

来源:网络整理  作者:  发布时间:2020-12-17 04:20
layui数据表格删除当前行的实现方法:首先创建一个代码示例文件;然后通过“oldData.splice(obj.tr.data(...

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()方法,

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

efd3f1c7cc508a7ede5a7fa0339e056.png

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

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

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

以上就是layui数据表格删除当前行的实现方法的详细内容,更多请关注聚合云库其它相关文章!

说明

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

推荐:《layUI教程

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

数据表格如下:

语法

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

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'} ]] };

点击删除当前行的方法:

相关热词: 方法

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/4706.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2020-12-17 编辑:

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()方法,

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

efd3f1c7cc508a7ede5a7fa0339e056.png

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

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

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

以上就是layui数据表格删除当前行的实现方法的详细内容,更多请关注聚合云库其它相关文章!

说明

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

推荐:《layUI教程

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

数据表格如下:

语法

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

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'} ]] };

点击删除当前行的方法:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/4706.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页