[转载]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下载。