天天看點

Pagination.js + Sqlite web系統分頁

前端使用 jquery pagination.js 插件。

環境準備:jquery.js、pagination.js、pagination.css

附件下載下傳:https://files.cnblogs.com/files/motion/pagination.rar

引用的順序一定是 jquery在 pagination的前面。

然後,操作方法可以寫在閉包函數裡。

第一步,在自己需要展示分頁控件的地方建立個div 容器

然後使用 pagination.js 的方法初始化元件。

           var pageIndex = 1; //頁面索引初始值

           var pageSize = 8; //每頁顯示條數初始化,修改顯示條數,修改這裡即可

           //翻頁調用

           function PageCallback(index, jq_page) {

            initTable(jq_page.pageNumber, jq_page.pageSize);

          }

pagination初始化的方法很多,官網上有很詳細的教程。這裡先介紹我所使用的這種方法。

首先是 dataSource參數,這裡通過背景,擷取總資料條數。 這個 /Home/GetTotalFocusPageCount 路由請求後傳回的結果是總記錄數,是個int型變量。背景的方法根據實際需要,見仁見智,沒有标準寫法。

背景傳回總記錄條數後,循環給數組result 指派,然後調用 done(result);這個done 在一開始方法定義就是一個參數