layui 表格删除问题

问题描述:在表格删除时,使用 obj.del(); //删除对应行(tr)的DOM结构,并更新缓存,但是,当点击分页,再次点击回来时,数据还是显示出来的

原因:删除操作,只删除对应当前table的数据的缓存,原始的data并未删除,当点击分页,重载数据时,table数据来自原始数据,就显示出来了

更改:增加 table.reload,重载数据,并删除原始数据中当前删除的item

部分代码如下实例

//监听工具条
                    table.on('tool(coordinate)', function (obj) {
                        var data = obj.data;
                        var layEvent = obj.event;

                        if (layEvent === 'del') {
                            layer.confirm('确认删除此用户吗?', {title:"删除用户-"+data.email},function (index) {

                                $.post(urlDel, {
                                    id: data.id
                                }, function (res) {
                                    if (res.code == -1) {
                                        layer.msg(res.msg, {
                                            icon: 2
                                        });
                                    } else {
                                        obj.del();
                                        layer.close(index);
                                        table.reload('coordinate_reload',{
                                            data: datax.filter(item => {
                                                if(item.id !== obj.data.id) {
                                                    return item
                                                }
                                            })
                                        })
                                        layer.msg(res.msg, {
                                            icon: 1
                                        });
                                    }

                                })

说明:datax 是原始数据,

table.reload(ID, options)参数 ID 即为基础参数id对应的值,见:设定容器唯一ID 
参数 options 即为各项基础参数
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值