1.pagination.js是什么
大家肯定在写项目的时候会遇到分页的情况,一般大家会怎么写呢?如何分页的要求不高的情况下,估计简单的写一些CSS和事件就完成了,但是对分页要求比较高的情况下,也为了比较有效率,这里给大家推荐一个分页插件,就是pagination.js插件,这个插件就是专门用来分页的,有了它帮你渲染模板,就可以轻松的解决分页问题,只需要按照需求写好CSS就OK了。
2.pagination.js如何使用
pagination.js的使用方法比较简单,首先引入哪些文件,必须要引用jquery.js,引用pagination.js;其次可以选择自己定义CSS样式,也可以用它自带的一个样式pagination.css,当然,这个是看需求情况。然后,就是在页面定义一个div来存放分页控件,在自己写的js中,将模板渲染,如果这部分不写的话,就是会有个默认的参数设置,这里我设置了些有需求的,例如代码如下:
$("#pager").pagination(data.length, { items_per_page: 10, num_edge_entries: 0, num_display_entries: 10, ellipse_text: false, show_goto_btn: true, prev_text: "<上一页", next_text: "下一页>", current_page: 0, callback: function(page_index){ renderToList(page_index); } });
3.pagination.js的小结
大家都知道,分页可以在前台分页,也可以在后台分页,而js分页,大部分需要你把数据全读出来,在大数据量的情况下,一般说上万条甚至更多,还是不建议使用的。如果是小数据的分页,还是推荐使用pagination.js。