前端使用 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 在一開始方法定義就是一個參數