jqgrid使用ajax获取数据赋值

前端之家收集整理的这篇文章主要介绍了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' }); } });

猜你在找的Ajax相关文章