使用easyui实现列表的批量删除

使用easyui实现列表的批量删除 首先要做的就是添加一个多选框

<table id="otGrid" nowrap="false" style="height: 330px;">
<thead>
<tr>
<th data-options="checkbox:true"></th> //就是这个，多选框

在列表的配置选项中 添加一个 singleSelect:false, 把true改为false  意思就是能够多选

然后就是要在列表中接收值了，原来单个删除时接收一个值，如今要接收一个数组

代码：// 删除操作button事件

$("#delBtn").bind("click", function() {
// 得到选中的行
//var selRow = otGrid.datagrid("getSelected");//返回选中一行 这个是凝视过的  就是取一个
var selRow = otGrid.datagrid("getSelections");//返回选中多行

if(selRow.length==0){
alert("请至少选择一行数据!");
return false;
}
var ids=[];
for (var i = 0; i < selRow.length; i++) {
                 //获取自己定义table 的中的checkbox值
               var id=selRow[i].OTRECORDID;   //OTRECORDID这个是你要在列表中取的单个id
          ids.push(id); //然后把单个id循环放到ids的数组中
                  }

if(confirm("确定要删除选中的超温记录吗?")){
$.getJSON("${CTX_ROOT}/TOtrecordsController?method=removeTOtrecordsPOList",
{"array[]":ids},  //这一处，传过去的值一定要是变量名[]  比如：array[] ，把ids这个数组传到后台
function(data){
alert(data.msg); //这个是后台返回过来的msg值，提醒
  if(1 == data.code){// 删除成功，则须要在树中删除节点
  // 检修任务grid 运行load
otGrid.datagrid("reload");  /又一次载入
}
});
}
});

java处理代码

// 获取页面提交的主键參数

String[] array = request.getParameterValues("array[]");
List<TOtrecordsPO> list = new ArrayList<TOtrecordsPO>();
for (int i = 0; i < array.length; i++) {
TOtrecordsPO totrecords = new TOtrecordsPO();
totrecords.setOtrecordid(Long.valueOf(array[i]));
list.add(totrecords);
}
tOtrecordsService.deleteAllTOtrecordsPO(list); //这个是我删除的方法 

然后在我写的那个deleteAllTOtrecordsPO(list)方法里
for (TOtrecordsPO to : entities) {
this.deleteEntity(to);
}

我循环调用单个删除

这样就好了

这是我的代码

请高手不要见笑

使用easyui实现列表的批量删除,布布扣,bubuko.com