layui框架数据表格的批量删除

layui框架数据表格的批量删除操作
此文献为layui框架的数据表格的批量删除，批量删除顾名思义就是把大量的数据进行删除操作
由于有点项目数据繁多，如果在要删除的时候一个一个的删除的话，就会很麻烦。所以我们要进行批量删除。
一.页面
1.因为是layui框架的批量删除所以首先要创建一个由layui插件渲染的数据表格如下图

因为我们要做批量删除所以要在表格里设置多选框来进行选中的数据进行删除，其他数据就如常进行就可以了。

2.接下来就是在页面获取选中的数据，先给表格设置一个ID如下图所示

（1）获取表格中的复选框的勾选状态和数据

（2）获取选中行的数据

（3）因为我们做的是批量删除所以数据不可能只有一条，所以我们要创建一个空的字符串来进行储存获取到的ID

（4）如上面所说我们获取的数据不可能只有一条，所以我们要把数据的ID拼接起来，所以我们要用到for循环进行对数据ID的循环拼接，给每个ID后面加上一个；符号为了分开ID

（5）去掉；号

（6）进行post请求把数据传递到控制器

进行到现在页面的js已经说完了接下来就是要的控制器的操作了

二.控制器
1.数据传递过来了要写一个参数接收数据，因为我们在页面那边传递过来的数据是以字符串形式传递过来的所以控制器这边也要用字符串类型接收，如下

2.进行状态设定，把状态设定为false为了如果成功就返回true，失败则为false

3.创建两个参数来记录成功和失败的数据条数

4.判断传递过来的数据是否为空，若为空则报数据异常，若数据不为空则继续运行

5.把一个string类型的数组将传过来的字符串的；去掉

6.用遍历的方法进行批量删除

userID为当前遍历的ID，strSserIDs为要遍历的总对象
7.把string类型数组通过遍历循环进行数据转换为int类型

8.判断一下要遍历的对象是否为空，不为空则执行

9.判断完后，就到了通过ID查询出被选中的那条数据

10.最后就是删除的核心代码，对查询到的数据进行逐一删除
Tatuser为查询出的数据

11.批量删除写到这也差不多写完了，但是还有一点，因为我们在前面给做了个状态为false，所以当我们成功的时候把它该成true返回给页面就OK了，还有因为删除成功了所以删除成功的条数记录要增加了

本文献到此结束

layui框架数据表格的批量删除相关推荐

使用layui做数据表格使用下拉菜单并实现删除功能和时间选择器
一.再layui官网上查看数据表格的使用方式查看代码实例不使用 toolbar工具栏,分页功能之类的就不在创建渲染实例的声明二.根据你要完成表格设计稿完成数据表格中使用下拉菜单和时间选择器以图 ...
layui table数据表格中数据返回成功，但页面不显示数据内容问题
layui table数据表格中数据返回成功,但页面不显示数据内容问题. 这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考! 一般导 ...
（WPS）Excel表格中批量删除指定字符
(WPS)Excel表格中批量删除指定字符打开excel表格,选中需要删除的指定行或列的数据,键盘选择快捷键ctrl+H, ![比如要删除的字符是 ' ' 鼠标点击"全部替换", ...
layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲_前端开发者...
如下所示: 主要在前端页面加: 搜索ID: userid content 搜索在 reload:function () { var keyWord=$("#keyWord").v ...
html表格的隐藏列,layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
layui分页数据表格渲染
最近需要对后台的数据进行分页渲染并且需要进行表头动态渲染,因此和小伙伴一起学习了layui的数据表格渲染,然后进行了改进,成功之后记录了下来先说前端HTML和js代码 <script src= ...
【layui】Layui实现数据表格中鼠标悬浮图片放大效果
Layui实现数据表格中鼠标悬浮图片放大效果前端代码: var url = baseUrl + "/api/SysUser/GetSysUsers";table.render({ ...
将图片显示到layui的数据表格上
要实现的效果图其实要实现上面这个将图片显示到layui的数据表格上,其实很简单. 利用的是layui数据表格里面的templet - 自定义列模板. 一开在表格渲染那里定义一个自定义列. 然后给他写 ...
【Layui】数据表格（与后台交互获取数据）
html <table id="userList" lay-filter="userList"></table> js //用户列表 v ...

layui框架数据表格的批量删除

layui框架数据表格的批量删除相关推荐

最新文章

热门文章