日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

[转]easyui datagrid 批量编辑和提交

發布時間:2024/9/5 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 [转]easyui datagrid 批量编辑和提交 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

web前臺主要代碼:

<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接收類:

?Java版本處理

//設置請求編碼 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;} }

?

?PHP版本處理:

<?phpif(isset($_POST["deleted"])){$deleted = $_POST["deleted"];//這里獲取到的是一個json數組樣子字符串,eg:[{code:'1',name:'name',price:323},{..},....]$listDeleted = json_decode($deleted); //把這個json數組轉化成array對象 }if(isset($_POST["inserted"])){$inserted = $_POST["inserted"];$listInserted = json_decode($inserted); }if(isset($_POST["updated"])){$updated = $_POST["updated"];$listUpdated = json_decode($updated); }

ASP.NET MVC3版本:

//獲取編輯數據 這里獲取到的是json字符串 string deleted = Request.Form["deleted"]; string inserted = Request.Form["inserted"]; string updated = Request.Form["updated"];if(deleted != null){//把json字符串轉換成對象List<Bean> listDeleted = JsonDeserialize<List<Bean>>(deleted);//TODO 下面就可以根據轉換后的對象進行相應的操作了 }if(inserted != null){//把json字符串轉換成對象List<Bean> listInserted = JsonDeserialize<List<Bean>>(inserted); }if(updated != null){//把json字符串轉換成對象List<Bean> listUpdated = JsonDeserialize<List<Bean>>(updated); }

JsonDeserialize方法:

private T JsonDeserialize<T>(string jsonString) {DataContractJsonSerializer ser = new DataContractJsonSerializer(typeof(T));MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(jsonString));T obj = (T)ser.ReadObject(ms);return obj; }

里面用到的JSON.stringify,主要是把對象轉換為字符串的作用。原代碼在這里

注意下載這個js后,如果運行出錯就去掉最后幾行代碼。如下刪除

if (!Object.prototype.toJSONString) {Object.prototype.toJSONString = function (filter) {return JSON.stringify(this, filter);};Object.prototype.parseJSON = function (filter) {return JSON.parse(this, filter);};}

轉:http://www.jeasyuicn.com/easyui-datagrid-batch-edit-and-submit.html

轉載于:https://www.cnblogs.com/xiangzhong/p/5074703.html

總結

以上是生活随笔為你收集整理的[转]easyui datagrid 批量编辑和提交的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。