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。