Jqgrid 在一个页面中使用多网格时,寻呼机功能无法正常工作

Jqgrid 在一个页面中使用多网格时,寻呼机功能无法正常工作,jqgrid,pager,Jqgrid,Pager,感谢您对开源jqgrid的介绍 我在一页中遇到了一个关于多重网格的寻呼机问题。 在一个页面中有第一个网格(如contactGrid)和其余网格(如orderGrid),contactGrid位于顶部,其余网格列在底部。 contactGrid的功能非常强大,但是rest Grid的寻呼机功能却不能很好地工作 在页面初始化之后的一些时候,一些rest网格没有初始化 不显示从服务器请求的数据 当我离开的时候,它什么也看不出来 单击“下一页”、“最后一页”,或更改每个页面上的页面大小 静止网格 我在f

感谢您对开源jqgrid的介绍

我在一页中遇到了一个关于多重网格的寻呼机问题。 在一个页面中有第一个网格(如contactGrid)和其余网格(如orderGrid),contactGrid位于顶部,其余网格列在底部。 contactGrid的功能非常强大,但是rest Grid的寻呼机功能却不能很好地工作

  • 在页面初始化之后的一些时候,一些rest网格没有初始化 不显示从服务器请求的数据
  • 当我离开的时候,它什么也看不出来 单击“下一页”、“最后一页”,或更改每个页面上的页面大小 静止网格
  • 我在firefox上查看了网络,它显示了如下请求url:

    在页面和所有网格初始化之后,我在jqgrid源代码中添加的
    console.dir(ts.p.postData)

    我使用的是v5.3.1的最新版本,jquery版本是v2.2.4

    以下是我的源代码:

    var custId、\u userName、\u contacts、\u email、$contactsGrid、$followGrid、$orderGrid、$saleGrid、v、commonParam='';
    $(函数(){
    vm.loadDict();
    handleParam();
    custId=localStorage.getItem(“addCust#custId”);
    if(客户ID){
    localStorage.removietem(“addCust#custId”);
    commonParam='&customerId='+custId;
    vm.getInfo(custId);
    }否则{
    findUser();
    }
    $(“#contactsGrid”).jqGrid({
    url:baseURL+“联系人/bizcustomercontact/list?delFlag=0”+commonParam,
    数据类型:“json”,
    colModel:[
    {label:'id',name:'customerContactId',index:'customer\u contact\u id',key:true,hidden:true},
    {标签:'序号', 名称:'customerId',索引:'customer_id',隐藏:true},
    {标签:'联系人', 名称:“联系人”,索引:“联系人”,宽度:80},
    ],
    viewrecords:是的,
    身高:200,
    rowNum:10,
    行列表:[2,10,30,50],
    行数:对,
    行宽:25,
    自动宽度:正确,
    多选:对,
    寻呼机:“#联系人寻呼机”,
    jsonReader:{
    root:“contactPage.list”,
    页面:“contactPage.currPage”,
    总计:“contactPage.totalPage”,
    记录:“contactPage.totalCount”
    },
    prmNames:{
    第页:“第页”,
    行:“限制”,
    命令:“命令”
    },
    请求前:函数(){
    console.dir('contact request',$(“#contactsGrid”).jqGrid('getGridParam','postData');
    },
    gridComplete:函数(){
    //隐藏网格底部滚动条
    $(“#contactsGrid”).closest(“.ui jqgrid bdiv”).css({“overflow-x”:“hidden”});
    }
    });
    $(“#followGrid”).jqGrid({
    url:baseURL+follow/bizfollow/list?delFlag=0'+commonParam,
    数据类型:“json”,
    colModel:[
    {label:'id',name:'followId',index:'follow_id',宽度:50,键:true,隐藏:true},
    {标签:'序号', 名称:'customerId',索引:'customer_id',宽度:80,隐藏:true},
    {标签:'邮件日期', 名称:'mailDate',索引:'mail_date',宽度:80},
    ],
    viewrecords:是的,
    身高:200,
    rowNum:10,
    行列表:[2,10,30,50],
    行数:对,
    行宽:25,
    自动宽度:正确,
    多选:对,
    寻呼机:“followGridPager”,
    jsonReader:{
    root:“followPage.list”,
    页面:“followPage.currPage”,
    总计:“followPage.totalPage”,
    记录:“followPage.totalCount”
    },
    prmNames:{
    第页:“第页”,
    行:“限制”,
    命令:“命令”
    },
    请求前:函数(){
    console.dir('followrequest',$(“#followGrid”).jqGrid('getGridParam','postData');
    },
    gridComplete:函数(){
    //隐藏网格底部滚动条
    $(“#followGrid”).closest(“.ui jqgrid bdiv”).css({“overflow-x”:“hidden”});
    }
    });
    $(“#orderGrid”).jqGrid({
    url:baseURL+order/bizorder/list?delFlag=0'+commonParam,
    数据类型:“json”,
    colModel:[
    {label:'orderId',name:'orderId',index:'order_id',宽度:50,键:true,隐藏:true},
    {标签:'订单日期', 名称:“订单日期”,索引:“订单日期”,宽度:80},
    ],
    viewrecords:是的,
    身高:200,
    rowNum:10,
    行列表:[2,10,30,50],
    行数:对,
    行宽:25,
    自动宽度:正确,
    多选:对,
    寻呼机:“#orderGridPager”,
    jsonReader:{
    root:“orderPage.list”,
    页面:“orderPage.currPage”,
    总计:“orderPage.totalPage”,
    记录:“orderPage.totalCount”
    },
    prmNames:{
    第页:“第页”,
    行:“限制”,
    命令:“命令”
    },
    请求前:函数(){
    console.dir('order request',$(“#orderGrid”).jqGrid('getGridParam','postData');
    },
    gridComplete:函数(){
    //隐藏网格底部滚动条
    $(“#orderGrid”).closest(“.ui jqgrid bdiv”).css({“overflow-x”:“hidden”});
    }
    });
    $(“#saleGrid”).jqGrid({
    url:baseURL+'saleProblem/bizsaleproblem/list?delFlag=0'+commonParam,
    数据类型:“json”,
    colModel:[
    {标签:'id',名称:'saleProblemId',索引:'sale_problem_id',宽度:50,键:true,隐藏:true},
    {标签:'反馈日期', 名称:'feedbackDate',索引:'feedback_date',宽度:80},
    ],
    viewrecords:是的,
    身高:200,
    rowNum:10,
    行列表:[2,10,30,50],
    行数:对,
    行宽:25,
    自动宽度:正确,
    多选:对,
    寻呼机:“#saleGridPager”,
    jsonReader:{
    root:“salePage.list”,
    页面:“salePage.currPage”,
    总计:“salePage.totalPage”,
    记录:“salePage.t