<pre name="code" class="html"><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>
<?php
if(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);
}
//獲取編輯數據 這裏獲取到的是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);
}
http://www.jeasyuicn.com/easyui-datagrid-batch-edit-and-submit.html
