一.先来看下效果图
二.代码实现
前端
$(function () {
/********删除操作******/
//给删除的按钮添加点击事件
$("#btn_delete").click(function () {
//定义一个空数组
var ids = [];
//获得所有选中的行
var rows = $('#userDataGird').datagrid("getSelections");
//把选中的行中的id添加到数组中
for (var i = 0; i < rows.length; i++) {
ids.push(rows[i].id);
}
//如果数组长度大于0,则删除
if (ids.length > 0) {
//确认框----确认删除吗
$.messager.confirm("警告", "确认删除所有选中的吗?", function (r) {
if (r) {
//如果确认,则发送ajax
$.get("user/deleteBatchUser.do?ids=" + ids//把数组传给后端
, function (data) {
if (data.success) {
//成功
$.messager.alert("温馨提示", "删除成功", "info");
$("#userDataGird").datagrid('reload');
} else {
// 失败
$.messager.alert("温馨提示", "删除失败", "info");
}
}, "json");
}
})
} else {
$.messager.alert("温馨提示", "还没选择", "info");
}
}
)
})
后端的controller层
/**
* deleteBatchUser
* 删除用户
*/
@ResponseBody
@RequestMapping("/deleteBatchUser")
public Result deleteBatchUser(@RequestParam("ids") int[] ids){
System.out.println(Arrays.toString(ids));
ArrayList<Integer> arrIds=new ArrayList<>();
for (int i=0;i<ids.length;i++){
arrIds.add(ids[i]);
}
boolean delete = userService.deleteBatchIds(arrIds);
return new Result(delete,delete?"删除成功":"删除失败");
}