写一个layui表格删除事件,点击删除这行数据,并同data里面的数据一同删除
时间: 2024-05-09 19:17:13 浏览: 102
好的,以下是实现layui表格删除事件的代码:
```javascript
// 监听表格的删除按钮事件
table.on('tool(table)', function(obj) {
var data = obj.data; // 获取当前行的数据
if(obj.event === 'delete') { // 判断是否是删除按钮事件
layer.confirm('确认删除该行数据吗?', function(index) {
// 执行删除操作
$.ajax({
url: '/delete',
type: 'POST',
data: {
id: data.id // 将该行数据的id值传递到后台进行删除操作
},
success: function(res) {
if(res.code === 0) {
layer.msg('删除成功');
obj.del(); // 删除当前行的数据
} else {
layer.msg('删除失败');
}
},
error: function() {
layer.msg('网络错误,请稍后重试');
}
});
layer.close(index); // 关闭弹窗
});
}
});
```
以上代码中,我们使用了layui的table模块监听了表格的删除按钮事件,获取到当前行的数据,并将该行数据的id值传递到后台进行删除操作。如果成功删除了该行数据,就使用obj.del()方法将该行数据从表格中删除。
阅读全文