多数据删除

多数据删除## 标题
下面我要分享一下新学的内容知识点,
关于多条数据的删除,根据checkbox属性点击获取选中的行,进行多条删除
方便之后我们遇到大量数据需要删除时不需要一条一条的去删除,显得会非常麻烦。
下面我就要分享一下如何实现layui删除多条行数据
那我们首先第一步先要做到的就是让数据行前面出现一个checkbox的单选框
在这里插入图片描述

这样单选框就已经设置好了
接下来就是js代码的操作了
批量删除,多条删除
获取表格中的checkStatus属性,
var checkStatus = layuiTable.checkStatus(‘tabProduct’);
'tabProduct’即为基础参数,id为表格的id
首先为多行删除,就要先获取删除选中的数量才能进行多条删除,先判断
是否选中要删除的数据,因为删除的是多条数据,需要使用for循环获取
选中的id,让id进行拼接字符串,以;分号进行拼接,循环完之后在把字符串分割
然后就可以往控制器中传递数据了
在这里插入图片描述

然后控制器进行接收,控制器这边因为主页面传递的数据为多条数据,所以这边接收时
使用string接收
分割字符串,forEach循环,获取需要删除的ID
进行删除操作就可以了
在这里插入图片描述
这是我所学到的多条数据删除步骤,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值