jqgrid使用ajax获取数据赋值

有时候使用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' }); } });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!