jqGrid 更改URL数据源后刷新数据

论坛 期权论坛 脚本     
已经匿名di用户   2022-5-29 19:14   1823   0

1、定义table

2、初始加载jqGrid

$(function () {
    $("#jqGrid").jqGrid({
        url: '../../../../list',
        datatype: "json",
        colModel: [
   { label: 'id', name: 'id', index: 'ID', width: 50, key: true },
   { label: '项目名称', name: 'itemName', index: 'ITEM_NAME', width: 80 },
   { label: '项目副标题', name: 'itemSecname', index: 'ITEM_SECNAME', width: 80 },
   { label: '项目分类', name: 'itemType', index: 'ITEM_TYPE', width: 80 },
   { label: '项目地址', name: 'address', index: 'ADDRESS', width: 80 },
   { label: '省', name: 'province', index: 'PROVINCE', width: 80 },
   { label: '市', name: 'city', index: 'CITY', width: 80 },
   { label: '区', name: 'area', index: 'AREA', width: 80 },
   { label: '所属医生', name: 'doctorId', index: 'DOCTOR_ID', width: 80 },
   { label: '项目原价', name: 'price', index: 'PRICE', width: 80 },
   { label: '项目折后价', name: 'discountPrice', index: 'DISCOUNT_PRICE', width: 80 },
   { label: '项目简介', name: 'descr', index: 'DESCR', width: 80 },
   { label: '爆品服务值', name: 'score', index: 'SCORE', width: 80 },
   { label: '预约人数', name: 'appointCount', index: 'APPOINT_COUNT', width: 80 },
   { label: '预约基数', name: 'baseCount', index: 'BASE_COUNT', width: 80 }
        ],
  viewrecords: true,
        height: 385,
        rowNum: 10,
  rowList : [10,30,50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth:true,
        multiselect: true,
        pager: "#jqGridPager",
        jsonReader : {
            root: "data.list",
            page: "data.currPage",
            total: "data.totalPage",
            records: "data.totalCount"
        },
        prmNames : {
            page:"page",
            rows:"limit",
            order: "order"
        },
        gridComplete:function(){
         //隐藏grid底部滚动条
         $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
        }
    });
});

3、更改数据源,删除原来jqGrid中的数据,加载新数据

   $("#jqGrid").jqGrid('clearGridData');
   var itemURL = '../../../../list?itemType='+input_type.val();
   $("#jqGrid").setGridParam({url:itemURL}).trigger("reloadGrid");

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP