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