Easyui-DataGrid下实现批量一键审核、批量删除等功能
Easyui-DataGrid下实现批量一键审核功能
1.需求
经常在web开发过程中,需要实现一键审核或者一键删除,或者批量删除等操作,那么在这里写一下实现批量一键审核功能。
如图:
2.实现代码
首先:
数据库里面 表示:审核状态 0=未审核 1=通过 2=不通过
前台jsp页面:
提供一个“一键审核按钮”,然后触发ToExamine函数:
ToExamine函数源代码:
//审核-一键审核
function ToExamine(){
var selectedRows = $("#dg").datagrid('getSelections');//得到选中的行
if (selectedRows.length == 0) {
$.messager.alert("系统提示","请先选择要审核的数据选项。");
return;
}
var strIds = []; //1.批量审核 -就是一个数组存入多条选中的数据。
for ( var i = 0; i < selectedRows.length; i++) {
strIds.push(selectedRows[i].newsid);
}
var ids = strIds.join(","); //2.然后将数组转为字符串,逗号分隔
alert("审核的数据为:"+ids);
$.messager.confirm("系统提示","一键审核共 <font color=red>"+selectedRows.length + "</font> 条数据。",
function(r) {if (r) {
$.post("${pageContext.request.contextPath}/admin/Newsexamine",{
ids : ids
},
function(result) {if (result.success) {
$.messager.alert("系统提示","一键审核成功!");
$("#dg").datagrid("reload"); //重新加载
} else {
$.messager.alert("系统提示","一键审核失败,请检查数据!");
$("#dg").datagrid("reload"); //重新加载
}
}, "json");
}
});
}
后台:
接收前台存入的ids数组。
源代码:
/**
*
* @Title: Newsexamine
* @Description(说明):审核功能-支持一键审核
* @param ids
* @param response
* @return
* @throws Exception
* @author: 邹涛/zoutao
* @date: 2018年9月26日
* @version 1.0
*/
@RequestMapping("/Newsexamine")
public String Newsexamine(@RequestParam(value="ids") String ids,
HttpServletResponse response) throws Exception {
System.out.println("进入一键审核的控制,审核的id为:"+ids);
JSONObject result = new JSONObject();
String[] idsStr = ids.split(","); //字符串以逗号切割存入数组
//通过状态
for (int i = 0; i < idsStr.length; i++) { //循环执行一键审核操作
try {
newsService.updateNewstates(Integer.parseInt(idsStr[i]));
System.out.println("审核成功。");
result.put("success", true);
} catch (Exception e) {
System.out.println("审核失败。");
result.put("success", false);
}
}
ResponseUtil.write(response, result);
return null;
}
如图:
sql:
各级方法就是只需要for循环依次传入数据的id号,然后数据库执行更新即可实现一键审核、一键删除等操作。
3.效果:
以上就是Easyui-DataGrid下实现批量一键审核、批量删除等功能,如有问题,请留言。