pagination.js插件的使用


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。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM