jqgrid-翻页

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

你可能感兴趣的:(jquery)