[转载]Jquery easyui 可编辑表格的保存方法

[转载]Jquery easyui 可编辑表格的保存方法 – yuhonglei4025的个人空间 – 开源中国社区.

官方的例子只是简单的写了一个保存按钮。这里采用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');
				}
			}

响应的需要导入的json2.js可以在http://www.json.org/js.html下载。

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏