欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

layui数据表格删除行

程序员文章站 2022-07-02 20:27:53
...

layui数据表格提供了obj.del()方法来删除行,但是这样删除之后,重新刷新表格之后,刚才删除的行又会重新显示,这是因为有缓存的问题,所以在删除行之后,还需要删除缓存,然后再使用删除后得到的数据去重新加载表格

var rowIndex = $(obj.tr).attr('data-index');//当前行的索引
            
layui.table.reload('checkTasks', {
      page: {
              limit: Number.MAX_VALUE
              ,curr: 1
            } 
});
var tableData = layui.table.cache['checkTasks'];
obj.del(); //删除对应行
            
tableData.splice(rowIndex,1); //删除缓存的行
              
console.log(tableData);
              
//删除数据后拿到新值,重新加载表格
loadCheckTasks(tableData); 

 

相关标签: 前端

上一篇: windows快捷键

下一篇: windows 快捷键