有时候使用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', align: 'center', title: true, sortable: false, 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',
data: data,
colNames: ['名称', '数量'],
colModel: [
{ name: 'Name', index: 'Name', align: 'center', title: false, sortable: false, resizable: false },
{ name: 'Count', index: 'Count', align: 'center', title: true, sortable: false, resizable: false }
]
});
$("#grid2").jqGrid('setGridParam', {
data: data
}).trigger("reloadGrid");
$("#grid2").jqGrid('setGridWidth', $(".grid").width());
$("#grid2").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' }); } });