本文共 1686 字，大约阅读时间需要 5 分钟。
因为项目的需求，需要在grid中加载数据后再在前端页面执行操作，所以在easyui中的grid与jqgrid都进行了测试和操作；
eayui中grid数据的操作：
1 //构造集合对象 2 var list = []; 3 var rows = $("#grid").datagrid("getRows"); 4 for (var i = 0; i < rows.length; i++) { 5 list.push({ 6 'Qfk_id': rows[i].Qfk_id 7 ,'Qfk_code': rows[i].Qfk_code 8 ,'Yz_name': rows[i].Yz_name 9 ,'Yzlx_name': rows[i].Yzlx_name10 ,'Qfklx_name': rows[i].Qfklx_name11 });12 13 }16 var postData = JSON.stringify(list);
jqgrid中数据的操作：
1 //构造集合对象 2 var list = []; 3 var ids = $('#grid').getDataIDs();//返回数据表的ID数组 4 for (var i = 0; i < ids.length; i++) { 5 var getRow = $('#grid').getRowData(ids[i]);//获取当前的数据行 6 list.push({ 7 'Qfk_id':getRow.Qfk_id 8 ,'Qfk_code': getRow.Qfk_code 9 ,'Yz_name': getRow.Yz_name10 ,'Yzlx_name': getRow.Yzlx_name11 ,'Qfklx_name': getRow.Qfklx_name12 });13 }14 var postData = JSON.stringify(list);
jqgrid中在前端修改数据：
var ids = $('#grid').getDataIDs();//返回数据表的ID数组 var len = ids.length; for (var i = 0; i < ids.length; i++) { var getRow = $('#grid').getRowData(ids[i]);//获取当前的数据行 //setcell修改值;i+1为修改行数；'weizhi'为列ID，value是要修改的值 $("#grid").jqGrid('setCell', i + 1, 'weizhi', value); } 在使用过程中，当需要一次性加载所有数据且不允许使用分页的情况下，jqgrid确实要比easyui的grid性能好一些，当然不同浏览器也差别明显；
转载地址：http://pxzuz.baihongyu.com/