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怎麼實現刪除數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!