摘要：
前台的主要代码：$（function（））｛var$dg=$（“#dg”）；$dg.datagrid（｛url:“servlet/list”，宽度：700，高度：250，列：[[｛field:'code'，title:'code'，宽度：100，editor:“validatebox”｝，｛field:'name'，title：'name'，width:200，editor：“validatebox'｝，{field:'price'，title：'price'，width：200，align:'right'，editor:'numberbox”}]]，工具栏：[｛text:“Add”，iconCls:“icon Add”，handler:function（）｛$dg.datagrid（'appendRow'，｛｝）；varrows=$dg。数据网格（'getRows'）；$dg.datagrid（'beginEdit'，rows.length-1）；}}，｛text:“Edit”，iconCls:“icon Edit”，handler:function（）｛varrow=$dg.datagrid（'getSelected'）；if（row）｛varrowIndex=$dg.ddatagrid（'getRowIndex'，row）；$dg.data grid（‘beginEdit'，rowIndex）；｝｝，｛text:“delete”，iconCls:“icon remove”，handler:function（）｛varrow=$dg.datagrid（'getSelected'）；if（row）｛varrowIndex=$dg.ddatagrid（'getRowIndex'，row）；$dg.data grid（'deleteRow'，rowIndex）；｝｝，｛text:“结束编辑”，iconCls:“图标取消”，处理程序：endEdit｝，｛text:“Save”，iconCls:“icon Save”，handler:function（）｛endEdit（）；if（$dg.datagrid（'getChanges'）.length）｛varinserted=$dg.ddatagrid（'getChanges'，“inserted”）；varddeleted=$dg.datagrid“'getChanges”，“deleted”）；varupdated=$dg.dDatagrid（‘getChanges’，“updated”））；vareffectRow=newObject（）；if（inserted.length）{effectRow[“inserte”]=JSON.stringy（inserted）；｝if（deleted.length）{effectRow[“deleted”]=JSON.stringify（deleted）；}if（updated.length）{effectRow[“updated”]=JSON.stringify（updated）；}$。Post（“servlet/commit”，effectRow，function（rsp）｛if（rsp.status）｛$.messager.alert（“提示”，“提交成功！”）$dg。datagrid；}}，“JSON”）。error（function（）｛$.messager.alert（“prompt”，“submission error！”）；｝）；｝｝｝]｝））；functionendEdit（）｛varrows=$dg.datagrid；对于｛$dg.ddatagrid；｝｝｝｝）；后台提交接收class://Set请求代码req。setCharacterEncoding//json字符串Stringdeleted=req。此处获取getParameter；字符串插入=要求。getParameter；字符串更新=要求。getParameter；如果（delete！=null）｛//将json字符串转换为对象List＜Bean＞listInserted＝json.parseArray；｝如果（已更新！
前台主要代码：
<script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700, height : 250, columns : [ [ { field : 'code', title : 'Code', width : 100, editor : "validatebox" }, { field : 'name', title : 'Name', width : 200, editor : "validatebox" }, { field : 'price', title : 'Price', width : 200, align : 'right', editor : "numberbox" } ] ], toolbar : [ { text : "添加", iconCls : "icon-add", handler : function() { $dg.datagrid('appendRow', {}); var rows = $dg.datagrid('getRows'); $dg.datagrid('beginEdit', rows.length - 1); } }, { text : "编辑", iconCls : "icon-edit", handler : function() { var row = $dg.datagrid('getSelected'); if (row) { var rowIndex = $dg.datagrid('getRowIndex', row); $dg.datagrid('beginEdit', rowIndex); } } }, { text : "删除", iconCls : "icon-remove", handler : function() { var row = $dg.datagrid('getSelected'); if (row) { var rowIndex = $dg.datagrid('getRowIndex', row); $dg.datagrid('deleteRow', rowIndex); } } }, { text : "结束编辑", iconCls : "icon-cancel", handler :endEdit }, { text : "保存", iconCls : "icon-save", handler : function() { endEdit(); if ($dg.datagrid('getChanges').length) { var inserted = $dg.datagrid('getChanges', "inserted"); var deleted = $dg.datagrid('getChanges', "deleted"); var updated = $dg.datagrid('getChanges', "updated"); var effectRow = new Object(); if (inserted.length) { effectRow["inserted"] = JSON.stringify(inserted); } if (deleted.length) { effectRow["deleted"] = JSON.stringify(deleted); } if (updated.length) { effectRow["updated"] = JSON.stringify(updated); } $.post("servlet/commit", effectRow, function(rsp) { if(rsp.status){ $.messager.alert("提示", "提交成功！"); $dg.datagrid('acceptChanges'); } }, "JSON").error(function() { $.messager.alert("提示", "提交错误了！"); }); } } } ] }); function endEdit(){ var rows = $dg.datagrid('getRows'); for ( var i = 0; i < rows.length; i++) { $dg.datagrid('endEdit', i); } } }); </script> <body> <table id="dg" title="批量操作"></table> </body> </html>
后台commit接收类：
//设置请求编码 req.setCharacterEncoding("UTF-8"); //获取编辑数据 这里获取到的是json字符串 String deleted = req.getParameter("deleted"); String inserted = req.getParameter("inserted"); String updated = req.getParameter("updated"); if(deleted != null){ //把json字符串转换成对象 List<Bean> listDeleted = JSON.parseArray(deleted, Bean.class); //TODO 下面就可以根据转换后的对象进行相应的操作了 } if(inserted != null){ //把json字符串转换成对象 List<Bean> listInserted = JSON.parseArray(inserted, Bean.class); } if(updated != null){ //把json字符串转换成对象 List<Bean> listUpdated = JSON.parseArray(updated, Bean.class); }
Bean.java
public class Bean { private String code; private String name; private Double price; public String getCode() { return code; } public void setCode(String code) { this.code = code; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Double getPrice() { return price; } public void setPrice(Double price) { this.price = price; } }