jeesite列表页实现批量删除数据功能
2019-05-31 23:09
162 查看
版权声明:@xiaolonglong https://blog.csdn.net/baidu_38715224/article/details/90724384
我就不一 一细说了,直接贴核心代码:
1.选取与反选的判断
//全选反选 function checkALL(event){ //alert('进入了'); if($("#checkBoxs").attr("checked")){ $('tbody tr').find("input[name='checkItem']").attr("checked",'true');//全选 }else if(!$("#checkAll").attr("checked")){ $('tbody tr').find("input[name='checkItem']").removeAttr('checked');//取消全选 } /*阻止向上冒泡,以防再次触发点击操作*/ event.stopPropagation(); }
其中,checkALL为下列th中复选框单击事件
<th><input type="checkbox" id="checkBoxs" name="checkBoxs" onclick="checkALL(event)"/></th>
2.遍历的td:
<input type="checkbox" name="checkItem" value="${homeworkInfo.id}" class="chooseData" />
3.批量删除的js逻辑代码:
$(document).ready(function () { //批量删除 $("#delAll").click(function(){ var obj=$(".chooseData"); var str=''; for(var i=0;i<obj.length;i++){ if(obj[i].checked){//取到对象数组后,我们来循环检测它是不是被选中 str+=obj[i].value+','; //如果选中,拼接id } } str=str.substring(0,str.length-1);//将最后逗号去除 if($(".chooseData").is(":checked")){//判断选中的元素 top.$.jBox.confirm("确定删除该教师发布作业信息吗?", "系统提示", function (v, h, f) { if (v == "ok"){ //alert(str); var url="对应的controller批量删除方法的路径"; $.ajax({ url:url, type:"post", data:{id:str},//数据id dataType:"json", success: function (data) { if(data.dt=="success"){ alert("删除成功!"); location.reload(true); }else{ alert("删除失败!"); } } }); } }, {buttonsFocus: 1}); top.$('.jbox-body .jbox-icon').css('top', '55px'); }else{ top.$.jBox.confirm("选择需要删除的教师发布作业信息?", "系统提示", function (v, h, f) { if (v == "ok") { } }, {buttonsFocus: 1}); top.$('.jbox-body .jbox-icon').css('top', '55px'); } }); });
最后,后台的处理逻辑,情况不同,仅供参考哦:
@ResponseBody @RequestMapping(value = "deleteBatch") public String deleteBatch(@RequestParam String id, RedirectAttributes redirectAttributes) { String result=""; if(id.contains(",")) { String idsArry[]=id.split(","); for(String homeworkInfoId:idsArry) { HomeworkInfo homeworkInfo =homeworkInfoService.get(homeworkInfoId);//获取每个homeworkInfo homeworkInfoService.delete(homeworkInfo);//删除主表数据 UserHomeworkInfo userHomeworkInfo = new UserHomeworkInfo(); userHomeworkInfo.setHomeworkInfo(homeworkInfo); List<UserHomeworkInfo> Reportlists = userHomeworkInfoService.findList(userHomeworkInfo);//获取子列表数据 if(Reportlists!=null && Reportlists.size()!=0) { for (UserHomeworkInfo po : Reportlists) { userHomeworkInfoService.delete(po);//删除主表对应的子表中的数据 } result="success"; } } }else { HomeworkInfo homeworkInfo =homeworkInfoService.get(id);//获取homeworkInfo homeworkInfoService.delete(homeworkInfo);//删除主表数据 UserHomeworkInfo userHomeworkInfo = new UserHomeworkInfo(); userHomeworkInfo.setHomeworkInfo(homeworkInfo); List<UserHomeworkInfo> UserHomeworklists = userHomeworkInfoService.findList(userHomeworkInfo);//获取子列表数据 if(UserHomeworklists!=null && UserHomeworklists.size()!=0) { for (UserHomeworkInfo po : UserHomeworklists) { userHomeworkInfoService.delete(po);//删除主表对应的子表中的数据 } result="success"; } } Map<String,String>map=new HashMap<String, String>(); map.put("dt",result); return JSON.toJSONString(map); }
记得点歌赞哦!
相关文章推荐
- PHP+JS实现批量删除数据功能示例
- iOS开发:一个高仿美团的团购ipad客户端的设计和实现(功能:根据拼音进行检索并展示数据,离线缓存团购数据,浏览记录与收藏记录的批量删除等)
- 用in关键字实现数据的批量删除
- JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据
- ajax实现数据删除、查看详情功能
- Asp.net+Extjs实现对GridPanel分页、行内编辑、增加、删除、弹出新窗体增加、数据验证、编辑指定列、数据格式转换等功能
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(18)-过滤器的使用和批量删除数据(伪删除和直接删除)
- 基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
- 自定义商品数据,实现对商品的过滤、排序和删除功能
- html对select标签实现数据动态增加,删除,修改功能。
- iOS 开发-实现TableView的编辑功能以删除数据
- ios-day13-01(私人通讯录。控制器之间的数据传递、保存密码和自动登录的实现、普通对象的归档、UITableView的局部刷新和向左滑动删除功能等等)
- 在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据
- 笔记 Java web实现用户登录、数据库数据查询、数据删除等功能
- Android RecyclerView 获取数据实现添加,删除功能
- AngularJs实现添加,批量删除,全选,反选等功能
- jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
- asp.net实现批量删除的全选功能案例
- MVC3学习第八章 葵花点穴手之指如疾风----MVC3下实现数据的批量删除和利用EF初始化我们的数据
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(18)-过滤器的使用和批量删除数据(伪删除和直接删除)