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",
...
});
导航栏的属性
属性名 |
类型 |
说明 |
默认值 |
是否可以被修改 |
lastpage |
integer |
只读属性,总页数 |
0 |
NO |
pager |
mixed |
导航栏对象,必须是一个有效的html元素,位置可以随意 |
空字符串 |
NO |
pagerpos |
string |
定义导航栏的位置,默认分为三部分:翻页,导航工具及记录信息 |
center |
NO |
pgbuttons |
boolean |
是否显示翻页按钮 |
true |
NO |
pginput |
boolean |
是否显示跳转页面的输入框 |
true |
NO |
pgtext |
string |
页面信息,第一个值是当前页第二个值是总页数 |
语言包 |
YES |
reccount |
integer |
只读属性,实际记录数,千万不能跟records 参数搞混了,通常情况下他们是相同的,假如我们定义rowNum=15,但我们从服务器端返回的记录为20即records=20,而reccount=15,表格中也显示15条记录。 |
0 |
NO |
recordpos |
string |
定义记录信息的位置,可选值:left, center, right |
right |
NO |
records |
integer |
只读属性,从服务器端返回的记录数 |
none |
NO |
recordtext |
string |
显示记录的信息,只有当viewrecords为true时起效,且记录数必须大于0 |
语言包 |
yes |
rowList |
array[] |
可以改变表格可以显示的记录数,格式为[10,20,30] |
空array[] |
no |
rowNum |
integer |
设置表格可以显示的记录数 |
20 |
yes |
viewrecords |
boolean |
是否要显示总记录数信息 |
false |
no |
|
|
|
|
|
所有这些参数都是可以修改的,比如:
<script>
...
jQuery("#grid_id").setGridParam({rowNum:10}).trigger("reloadGrid");
...
</script>
跟翻页相关的事件只有一个:onPaging
事件名 |
参数 |
说明 |
onPaging |
pgButton |
当点击翻页按钮但还为展现数据时触发此事件,当然这跳转栏输入页码改变页时也同样触发此事件。参数pgButton可选值: first,last,prev,next |