Jquery easyui編集可能テーブルの保存方法
1858 ワード
公式の例は簡単に保存ボタンを書いただけです.ここではJSONを用いて修正されたデータを保存し,JSON文字列としてサーバにパラメータを渡す(ここではalert()のみを用いてJSON文字列を印刷した).
{
id : 'btnsave',
text : ' ',
disabled : true,
iconCls : 'icon-save',
handler : function() {
if (lastEditIndex != undefined) {
$('#tt').datagrid('endEdit', lastEditIndex);
}
var insertRows = $('#tt').datagrid('getChanges','inserted');
var updateRows = $('#tt').datagrid('getChanges','updated');
var deleteRows = $('#tt').datagrid('getChanges','deleted');
var changesRows = {
inserted : [],
updated : [],
deleted : [],
};
if (insertRows.length>0) {
for (var i=0;i<insertRows.length;i++) {
changesRows.inserted.push(insertRows[i]);
}
}
if (updateRows.length>0) {
for (var k=0;k<updateRows.length;k++) {
changesRows.updated.push(updateRows[k]);
}
}
if (deleteRows.length>0) {
for (var j=0;j<deleteRows.length;j++) {
changesRows.deleted.push(deleteRows[j]);
}
}
alert(JSON.stringify(changesRows));
// , , :
$('#tt').datagrid('acceptChanges');
// 、
$('#btnsave').linkbutton('disable');
$('#btnreject').linkbutton('disable');
}
}
応答のインポートが必要なjson 2.jsはhttp://www.json.org/js.htmlダウンロードします.