splice

layui中删除表格当前行主要使用splice()方法,splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

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

layui中删除表格当前行主要使用splice()方法,splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

数据表格如下:

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

点击删除当前行的方法:

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

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

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

语法

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

说明

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

本文属原创,转载请注明原文:http://www.zhimatong.com/jiaocheng/492.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用

联系
顾问

在线
客服
购物车
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录