实现对easyui-datagrid的数据行批量修改（包括修改内容和删除）

先上一个easyui-datagrid的数据。

而我们要实现的功能是1.对三条记录进行批量的删除和批量的修改状态。

1.批量的删除

我们选择传入三条记录的id值，并利用service层的deleteByid方法进行删除。

具体代码如下所示。

先上service层代码：

public interface OaSuitService {
public String deleteById(String Ids[]);
}

serviceImp:

public class OaSuitServiceImpl implements OaSuitService{
	@Override
	public String deleteById(String[] Ids) {
		for (String id : Ids) {
			int suitId = Integer.parseInt(id);

			this.doDelete(suitId);

			System.out.println("删除：" + id);
		}
		return "success";
	}

	public boolean doDelete(int suitId) {

		return oaSuitMapper.deleteByPrimaryKey(suitId) > 0 ? true : false;
	}
}

controller层：

public class OaSuitController{
	@Autowired
	private OaSuitService oaSuitService;
        	@RequestMapping(value = "/delete.do")
	public @ResponseBody
	Object delete(HttpServletRequest req) {
		String ids = req.getParameter("ids");
		String[] Ids = ids.split(",");
		return oaSuitService.deleteById(Ids);
	}
}

接下来是前端的js代码：

为求简单，我不将easyui-datagrid整体都放上来了，只选取其中的删除功能函数。

function remove() {
		//设置status为不可编辑
		var e = datagrid.datagrid('getColumnOption', 'status');
		e.editor = {};
		var received = datagrid.datagrid('getColumnOption', 'received');
		received.editor = {};