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 |
分享到：
相关推荐
- 分页：jqGrid可以轻松实现数据分页，用户可以设定每页显示的数据数量，同时提供向前、向后翻页的功能。 - 排序：用户可以点击列头进行数据排序，支持升序和降序。 - 搜索/过滤：提供高级搜索功能，用户可以基于...
**jqGrid介绍** jqGrid是一款基于jQuery的开源数据网格组件，它允许用户在网页上展示大量数据，并提供了...通过下载和研究这个压缩包，开发者可以深入学习和掌握jqGrid的使用方法，提升项目中的数据呈现和交互能力。
JqGrid是一种基于JavaScript的网格插件，可用于创建数据表格，它支持JSON数据格式，...总之，JqGrid的学习是深入理解其各种功能和参数配置，以及如何通过AJAX与其他系统组件互动，构建出功能强大且用户友好的网格界面。
这个压缩包包含了jqGrid的演示示例，是学习jqGrid功能和用法的最佳实践。通过运行这些示例，你可以看到各种功能的实际效果，如分页、排序、搜索、编辑等，帮助你快速掌握jqGrid的使用。 6. **jqGrid-3.4.2.zip**：...
在翻页方面，jqGrid 提供了分页控件，用户可以选择显示多少行数据，并可以方便地浏览前后页。同时，文档还涵盖了如何处理数据加载、编辑、保存和验证的事件，以及如何使用 jqGrid 的API进行操作。 总的来说，jqGrid...
九、jqGrid学习——翻页 JqGrid支持分页功能，通过`pager`参数设置分页控件，`rowList`定义每页显示的行数选项，`pgbuttons`和`pginput`控制分页按钮和输入框的显示。 十、jqGrid学习——自定义按钮 开发者可以通过...
在B/S架构下，jqGrid 的作用是将服务器端的数据以表格的形式展示在客户端，并允许用户进行各种操作，如编辑、筛选和翻页。通过 AJAX 技术，jqGrid 实现了客户端与服务器之间的异步通信，即无需刷新整个页面就能更新...
通过jqGrid中文和英文文档的学习，开发者可以充分利用jqGrid的强大功能，创建出高效、美观且用户友好的数据展示和管理界面。无论是新手还是有经验的开发者，都能从中受益，提升项目开发的效率和质量。
通过这个演示项目，你可以学习如何设置 JQGrid 的各种选项，如何与 MVC 控制器交互，以及如何处理前端和后端的数据交换。这对于理解 JQGrid 在实际项目中的应用非常有帮助。在实际开发中，可以根据需求调整 JQGrid ...
在jqGrid的学习中，皮肤的设定是提升表格视觉效果的重要部分。从3.5版本开始，jqGrid支持多种皮肤，允许开发者根据项目需求定制表格的外观。由于jQuery UI的字体大小可能与jqGrid默认的字体大小不匹配，因此需要在...
这一功能对于处理大量数据时尤为有用，用户无需手动翻页查找，只需点击列头即可实现数据的即时排序，提高了数据浏览的效率。 其次，列拖动是PQGrid的一个亮点，它允许用户根据需要调整列的位置，增强了交互性。用户...
当数据重新加载并且有数据时，我们通过显示分页导航条来恢复其正常状态，提供用户翻页查看数据的功能。 另外，还有一种更简洁的实现方式，就是在`onLoadSuccess`事件中直接操作表格的DOM结构，例如： ```...