jqGrid 解决分页跳转无效问题

问题描述：

jqGrid分页按钮为灰色，不能进行分页跳转。

问题分析：

//jqGrid初始化
jQuery("#datagrid").jqGrid({datatype: "local",height: $(window).height() - 115,width: $(window).width() - 7,rownumbers: true, //行号pager: "#pager",recordtext: "第{0} - {1}条  共 {2} 条",pgtext: '当 前 页 {0} 总 共 {1}页',rowNum: 50,rowList: [50, 100,150],autowidth: false,viewrecords: true,colModel: colModel,multiselect: true,//多选shrinkToFit: false, //宽度是否自适应
});
//jqGrid填充数据
$('#datagrid')[0].addJSONData(jsonData);

由以上代码可以看出有三种情况导致分页跳转无效。

问题解决：

1、jqGrid初始化时需要添加分页跳转（ loadonce）设置。

//jqGrid初始化
jQuery("#datagrid").jqGrid({datatype: "local",height: $(window).height() - 115,width: $(window).width() - 7,rownumbers: true, //行号pager: "#pager",recordtext: "第{0} - {1}条  共 {2} 条",pgtext: '当 前 页 {0} 总 共 {1}页',rowNum: 50,rowList: [50, 100,150],autowidth: false,viewrecords: true,colModel: colModel,multiselect: true,//多选shrinkToFit: false, //宽度是否自适应loadonce: true,//进行分页跳转
});

2、在jqGrid初始化时填充数据才能分页跳转

//jqGrid初始化
jQuery("#datagrid").jqGrid({datatype: "local",height: $(window).height() - 115,width: $(window).width() - 7,rownumbers: true, //行号pager: "#pager",recordtext: "第{0} - {1}条  共 {2} 条",pgtext: '当 前 页 {0} 总 共 {1}页',rowNum: 50,rowList: [50, 100,150],autowidth: false,viewrecords: true,colModel: colModel,multiselect: true,//多选shrinkToFit: false, //宽度是否自适应data: jsonData//填充数据
});

3、使用addJSONData()方法填充数据时，数据要变成jqGrid的格式。

后台返回数据格式：

jsonData=eval("{\"page\": \"" + 0 + "\", \"total\": \"" + 4 + "\",\"records\":\"" + 200 + "\", \"rows\": " + data + "}");

page代表页号 ,total为总页数，records为总记录数，rows为要显示的json数据。

//jqGrid填充数据
$('#datagrid')[0].addJSONData(jsonData);

jqGrid 解决分页跳转无效问题相关推荐

window location href跳转无效
问题情况 JS中设置window.location.href跳转无效原因是 a标签的href跳转会执行在window.location.href设置的跳转之前: 如果是表单form的话也会先执行 ...
跳转无效location.href
原因是 a标签的href跳转会执行在window.location.href之前执行解决办法:在js函数中加上 window.event.returnValue=false 问题展示: html: ...
python实现群发邮件及自动跳过无效邮箱
python实现群发邮件.密送及自动跳过无效邮箱需求背景:最近同学需要收集一些调研问卷,立马想到了群发邮件这一方式,机智地用excel按照邮件格式造了一堆学校邮箱,打算一个一个复制粘贴群发.好家伙, ...
成功解决pywintypes.com_error: (-2147221005, '无效的类字符串', None, None)
成功解决pywintypes.com_error: (-2147221005, '无效的类字符串', None, None) 目录解决问题解决思路解决方法解决问题 pywintypes.com ...
php算法台阶,php如何解决青蛙跳台阶的问题（代码）
本篇文章给大家带来的内容是关于php如何解决青蛙跳台阶的问题(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一只青蛙一次可以跳上1级台阶,也可以跳上2级.求该青蛙跳上一个n级 ...
微信小程序tabBar导航栏页和其他页执行onLoad与onShow时机；tabBar页获取不到参数问题；navigateTo跳转无效问题；onShow执行两次问题；
1.注意点: 只有五种情况会触发导航栏tabBar页的onLoad函数,分别是: –1.1:首次进入到导航栏tabBar页面: –1.2:从微信分享进入的导航栏tabBar页面: –1.3:识别二维码 ...
vue解决字符串模板@click无效的问题
在同一函数下进行操作 window.clickEvent= this.clickEvent;// 解决字符串模板@click无效的问题 let str=<span class="ul ...
django解决页面跳转问题
django解决页面跳转问题参考文章: (1)django解决页面跳转问题 (2)https://www.cnblogs.com/studong/p/9181524.html 备忘一下.
教你解决微信跳转appstore的困扰
微信浏览器是不支持打开App Store 页面的,不知道微信为什么这么做.比如你页面写 <a href="http://itunes.apple.com/us/app/id399608 ...

jqGrid 解决分页跳转无效问题

问题描述：

问题分析：

问题解决：

jqGrid 解决分页跳转无效问题相关推荐

最新文章

热门文章