layui表格点击删除,删除data数组里面的假数据
时间: 2024-05-27 13:13:29 浏览: 122
好的,我了解你的问题。您可以使用Layui表格的事件监听函数来实现删除操作。具体步骤如下:
1. 在table配置中加入一个toolbar属性,指定工具栏的ID,例如:
table.render({
elem: '#demo',
toolbar: '#toolbarDemo',
...
});
2. 在页面中添加工具栏,例如:
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
</div>
3. 在table的事件监听函数中绑定删除事件并处理数据,例如:
table.on('toolbar(test)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
switch(obj.event){
case 'delete':
var data = checkStatus.data;
// 遍历选中的行并删除
layui.each(data, function(index, item){
var dataIndex = table.getIndex(tableIns.config.id, item);
table.deleteRow(tableIns.config.id, dataIndex);
});
break;
};
});
这样就可以在点击删除按钮后,删除选中的行并在data数组中更新数据了。
阅读全文