有时候使用jqgrid的赋值url来获取数据很不方便,当同时给多个grid赋值时,便会请求多次,造成很大的资源浪费,于是,本例采用ajax获取到数据源后给多个jqgrid赋值,示例代码如下:
$.ajax({ type: 'Post',dataType: 'json',data: { },url: "",success: function (data) { <pre name="code" class="javascript"> <span style="white-space:pre"> </span> jQuery("#<span style="font-family: Arial,Helvetica,sans-serif;">grid1</span>").jqGrid({ datatype: 'local',data: data,colNames: ['名称','数量'],colModel: [ { name: 'Name',index: 'Name',align: 'center',title: false,sortable: false,resizable: false },{ name: 'Count',index: 'Count',title: true,resizable: false } ] }); $("#grid1").jqGrid('setGridParam',{ data: data }).trigger("reloadGrid"); $("#grid1").jqGrid('setGridWidth',$(".grid").width()); $("#grid1").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' });
jQuery("#grid2").jqGrid({ datatype: 'local',colModel: [ { name: 'Name',resizable: false } ] }); $("#grid2").jqGrid('setGridParam',{ data: data }).trigger("reloadGrid"); $("#grid2").jqGrid('setGridWidth',$(".grid").width()); $("#grid2").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' }); } });