layui怎么实现删除数据

互联网 20-11-9

layui实现删除数据的方法:首先获得当前行数据以及“lay-event”对应的值;然后获取点击的应用位置;接着循环数组的数据,并定义一个bool;最后通过“obj.del();”删除对应行的DOM结构,并更新缓存即可。

推荐:《layui教程》

layui——删除表格数据(数组数据)

代码如下:

table.on('tool(dataTable)', function(obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 var layEvent = obj.event; //获得 lay-event 对应的值 //获取点击的应用位置 if (layEvent == 'delete') { layer.confirm('确认删除吗?', function(index) { mans.forEach((item, index) => {//先循环数组的数据 let bool = item.userId == data.userId;//定义一个bool如果数据的id和当前行数据相等 if (bool) { mans.splice(index, 1); } }); console.log(mans); obj.del(); //删除对应行(tr)的DOM结构,并更新缓存 layer.close(index); }); } });

以上就是layui怎么实现删除数据的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: layui
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:layui的open怎么关闭

相关资讯