JQuery的Pager分页器实现代码(jqgrid分页pager)

推荐整理分享JQuery的Pager分页器实现代码(jqgrid分页pager)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jqgrid分页pager,jqgrid分页,jqgrid分页pager,jquerypagination分页插件,jquerypagination分页插件,jqgrid分页pager,jquerypagination分页插件,jqgrid分页pager,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例为大家分享了JQuery的Pager分页器的具体实现代码，供大家参考，具体内容如下

效果图：

代码：

html代码：

css代码：

pager.js代码

主要思路：

分页器共分为以下4种情况：

情况1，当total < 8 时，所有的页码全部显示。

情况2，当total >= 8 且 index < 5时，显示1-6和最后一页。

情况3，当total >= 8 且 index > total - 4时，显示1和最后6项。

情况4，当total >= 8 且 5 <= index <= total - 4时，显示1和最后一页，和中间5项。

Pager类实例化时传入一个设置对象：

当我们实例化Pager时，执行Pager函数体内的语句，首先赋值，然后就执行初始化函数：

初始化函数this.__init结构：

初始化完成，点击后就会做出相应的判断，并使用this._$setIndex(index)进行跳转。

更多关于分页教程的文章，请查看以下专题：

javascript分页功能操作jquery分页功能操作php分页功能操作ASP.NET分页功能操作

下载：paper