layui实现删除列表某一行的功能
时间: 2023-06-17 12:06:26 浏览: 50
你可以使用 layui 的表格组件和表格操作列实现删除列表某一行的功能,具体步骤如下:
1. 在表格的列定义中添加一个操作列,用来显示删除按钮,例如:
```javascript
[
// 其它列定义...
{ title: '操作', toolbar: '#barDemo' }
]
```
2. 在 HTML 页面中定义一个模板,用来显示操作列的删除按钮,例如:
```html
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
```
3. 在 JavaScript 中初始化表格,并绑定操作列的删除按钮的点击事件,例如:
```javascript
layui.use('table', function(){
var table = layui.table;
// 初始化表格
table.render({
elem: '#demo',
url: '/demo/table/user/',
cols: [[
// 列定义...
{ title: '操作', toolbar: '#barDemo' }
]]
});
// 监听操作列的按钮点击事件
table.on('tool(test)', function(obj){
if(obj.event === 'del'){
// 删除当前行数据
obj.del();
}
});
});
```
这样就可以实现删除列表某一行的功能了。