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ダウンロードします.