layui表格动态添加行 删除行

删除行

//监听工具条
table.on('tool(demo_fee)', function(obj){
    var data = obj.data;
    switch (obj.event)
    {
        case "delete":
            layer.confirm('真的删除行么', function (index) {
                fee_list = layui.table.cache['fee_list'];//获取缓存
                var rowIndex = obj.tr.attr("data-index"); //获取行索引
                for(var i=0;i<fee_list.length;i++){
                    if(fee_list[i].LAY_TABLE_INDEX == rowIndex){
                        fee_list.splice(i, 1);
                    }
                }
                //这里切记!!!!! 使用table.reload的方式更新
                table.reload('fee_list',{
                    data:fee_list
                });
                layer.close(index);//关闭弹窗
            });
            break;
        default:
            break;
    }
});

添加行同理

layer.open({
    type: 2,
    title: '添加',
    area: ['50%', '70%'],
    maxmin: true,
    content: '<?=site_url("admin/Activity/fee_add")?>',
    end:function(){
        var add_id = localStorage.getItem('add_id');
        var add_name = localStorage.getItem('add_name');
        if(add_id && add_name){
            localStorage.removeItem('add_name')
            localStorage.removeItem('add_id')
            fee_list = layui.table.cache['fee_list'];//获取缓存
            var newRow = {
                id:add_id,
                name:add_name
            };
            fee_list.push(newRow);
            table.reload('fee_list',{
                data:fee_list
            });
        }
    }
});
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值