做网站有一个经常需要用到的小模块就是分页,分页功能的实现需要前台和后台共同共同完成,大体来说,分页主要需要知道这么几个参数:总条数、每页显示的条数、计算得到的总页数、当前页数、点击的下一页数;
如果你做过分页,就应该知道这么一个常常需要重做的模块是有多么烦人了。你需要在重多的前台和后台的数据逻辑中寻找出清晰的思路来。如果是前台界面已经设计完善,那么工作量可能就要小很多。
做了这么多的分页,你的分页界面还是这样吗?
额,这样会不会好很多。
这是一个应用jquery.pagination.js创建的还算不错的分页条,它的所有参数都放在了js中,从后台传入参数填写到相应的位置,再把当前页数传回后台,分页条就做好了。应用还是很方便的。
源文件下载链接:http://download.csdn.net/detail/luohuaishao/6966637
下面是在网上搜集的一些jquery.pagination.js的参数说明:
参数名 | 描述 | 参数值 |
maxentries | 总条目数 | 必选参数,整数 |
items_per_page | 每页显示的条目数 | 可选参数,默认是10 |
num_display_entries | 连续分页主体部分显示的分页条目数 | 可选参数,默认是10 |
current_page | 当前选中的页面 | 可选参数,默认是0,表示第1页 |
num_edge_entries | 两侧显示的首尾分页的条目数 | 可选参数,默认是0 |
link_to | 分页的链接 | 字符串,可选参数,默认是"#" |
prev_text | “前一页”分页按钮上显示的文字 | 字符串参数,可选,默认是"Prev" |
next_text | “下一页”分页按钮上显示的文字 | 字符串参数,可选,默认是"Next" |
ellipse_text | 省略的页数用什么文字表示 | 可选字符串参数,默认是"…" |
prev_show_always | 是否显示“前一页”分页按钮 | 布尔型,可选参数,默认为true,即显示“前一页”按钮 |
next_show_always | 是否显示“下一页”分页按钮 | 布尔型,可选参数,默认为true,即显示“下一页”按钮 |
pageselectCallback | 回调函数 | 当点击链接的时候此函数被调用,此函数接受两个参数,新一页的id和pagination容器(一个DOM元素)。如果回调函数返回false,则pagination事件停止执行 |