`
a3mao
  • 浏览: 559133 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jqGrid学习 -------------- 翻页

    博客分类：
  • Work
jQueryJavaCSSHTML 
阅读更多
jqGrid的翻页要定义在html里，通常是在grid的下面，且是一个div对象： 
<body>
...
   <table id="list"></table> 
   <div id="gridpager"></div> 
...
</body>

js代码： 
jQuery("#grid_id").jqGrid({
...
   pager : '#gridpager',
...
});

不必给翻页设置任何的css属性。在jqGrid里定义的翻页可以是：:pager : '#gridpager', pager : 'gridpager' or pager : jQuery('#gridpager'). 推荐使用前两个，当使用其他方式时jqGrid的导入导出功能时会引起错误。

导航栏的属性： 
$.jgrid = {
	defaults : {
		recordtext: "View {0} - {1} of {2}",
	        emptyrecords: "No records to view",
		loadtext: "Loading...",
		pgtext : "Page {0} of {1}"
	},
...
}


如果想改变这些设置：
1、方法一： 
jQuery.extend(jQuery.jgrid.defaults,{emptyrecords: "Nothing to display",...});

2、方法二： 
jQuery("#grid_id").jqGrid({
...
   pager : '#gridpager',
   emptyrecords: "Nothing to display",
...
});


导航栏的属性
属性名类型说明默认值是否可以被修改
lastpageinteger只读属性，总页数0NO
pagermixed导航栏对象，必须是一个有效的html元素，位置可以随意空字符串NO
pagerposstring定义导航栏的位置，默认分为三部分：翻页，导航工具及记录信息centerNO
pgbuttonsboolean是否显示翻页按钮trueNO
pginputboolean是否显示跳转页面的输入框trueNO
pgtextstring页面信息，第一个值是当前页第二个值是总页数语言包YES
reccountinteger只读属性，实际记录数，千万不能跟records 参数搞混了，通常情况下他们是相同的，假如我们定义rowNum=15，但我们从服务器端返回的记录为20即records=20，而reccount=15，表格中也显示15条记录。0NO
recordposstring定义记录信息的位置，可选值：left, center, rightrightNO
recordsinteger只读属性，从服务器端返回的记录数noneNO
recordtextstring显示记录的信息，只有当viewrecords为true时起效，且记录数必须大于0语言包yes
rowListarray[]可以改变表格可以显示的记录数，格式为[10,20,30]空array[]no
rowNuminteger设置表格可以显示的记录数20yes
viewrecordsboolean是否要显示总记录数信息falseno

所有这些参数都是可以修改的，比如： 
<script>
...
jQuery("#grid_id").setGridParam({rowNum:10}).trigger("reloadGrid");
...
</script>

跟翻页相关的事件只有一个：onPaging
事件名参数说明
onPagingpgButton当点击翻页按钮但还为展现数据时触发此事件，当然这跳转栏输入页码改变页时也同样触发此事件。参数pgButton可选值： first,last,prev,next
分享到：
| jqGrid学习 -------------- 配置json
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics