jqgrid从ajax获得数据,jqgrid使用ajax获取数据赋值

有时候使用jqgrid的赋值url来获取数据很不方便，当同时给多个grid赋值时，便会请求多次，造成很大的资源浪费，于是，本例采用ajax获取到数据源后给多个jqgrid赋值，示例代码如下：

$.ajax({

type: 'Post',dataType: 'json',data: { },url: "",success: function (data) {

  jQuery("#grid1").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' }); } });

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。