Easyui-DataGrid下实现批量一键审核、批量删除等功能

Easyui-DataGrid下实现批量一键审核功能

1.需求

经常在web开发过程中,需要实现一键审核或者一键删除,或者批量删除等操作,那么在这里写一下实现批量一键审核功能。

如图:
Easyui-DataGrid下实现批量一键审核、批量删除等功能

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;
	}
	

如图:

Easyui-DataGrid下实现批量一键审核、批量删除等功能

sql:
各级方法就是只需要for循环依次传入数据的id号,然后数据库执行更新即可实现一键审核、一键删除等操作。

Easyui-DataGrid下实现批量一键审核、批量删除等功能

3.效果:

Easyui-DataGrid下实现批量一键审核、批量删除等功能

Easyui-DataGrid下实现批量一键审核、批量删除等功能


以上就是Easyui-DataGrid下实现批量一键审核、批量删除等功能,如有问题,请留言。