jqGrid的请求只请求一次的问题

最新推荐文章于 2021-08-06 11:20:03 发布

蝶梦谷

最新推荐文章于 2021-08-06 11:20:03 发布

阅读量741

点赞数

分类专栏： jqGrid 文章标签： js

本文链接：https://blog.csdn.net/qq_42770022/article/details/107079962

版权

jqGrid 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

如题：

用jqGrid请求表格数据时，只有第一次请求生效，后来的请求就不会再次回显到table中了，只有刷新页面后才会再次。可能是因为为了提高数据的利用，不多次请求后台，解决方法在这个加载之后加一个重新加载操作，确保每次请求都会加载。

没加之前（不可以重复加载）：

  $("#jqGrid1").jqGrid({
        url: baseURL + 'sys/wpgroundlockevent/personList/'+id,
        datatype: "json",
        colModel: [
          {label: '事件时间', name: 'createTime', index: 'id', width: 20},
          {label: '事件类型', name: 'eventType', index: 'car_group_name', width: 40},
          {label: '设备id', name: 'groundLockId', index: 'type', width: 20},
        ],
        viewrecords: true,
        height: 385,
        rowNum: 20,
        width:tab_width,
        rowList: [20, 40, 60],
        rownumbers: true,
        rownumWidth: 70,
        autowidth: false,
        multiselect: true,
        pager: "#jqGridPager1",
        jsonReader: {
          root: "page.list",
          page: "page.currPage",
          total: "page.totalPage",
          records: "page.totalCount"
        },

        prmNames: {
          page: "page",
          rows: "limit",
          order: "order"
        },
        gridComplete: function () {
          // 隐藏grid底部滚动条
          $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
        }
      });

修改后（可以重复加载）：

  $("#jqGrid1").jqGrid({
        url: baseURL + 'sys/wpgroundlockevent/personList/'+id,
        datatype: "json",
        colModel: [
          {label: '事件时间', name: 'createTime', index: 'id', width: 20},
          {label: '事件类型', name: 'eventType', index: 'car_group_name', width: 40},
          {label: '设备id', name: 'groundLockId', index: 'type', width: 20},
        ],
        viewrecords: true,
        height: 385,
        rowNum: 20,
        width:tab_width,
        rowList: [20, 40, 60],
        rownumbers: true,
        rownumWidth: 70,
        autowidth: false,
        multiselect: true,
        pager: "#jqGridPager1",
        jsonReader: {
          root: "page.list",
          page: "page.currPage",
          total: "page.totalPage",
          records: "page.totalCount"
        },

        prmNames: {
          page: "page",
          rows: "limit",
          order: "order"
        },
        gridComplete: function () {
          // 隐藏grid底部滚动条
          $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
        }
      });
      // 进行多次加载
      $("#jqGrid1").jqGrid("clearGridData");
      $("#jqGrid1").jqGrid("setGridParam",{
        url: baseURL + 'sys/wpgroundlockevent/personList/'+id,
        datatype: "json",
        mtype: "post"
      }).trigger("reloadGrid");