1、前臺以userInfo.js爲例 var tableInit 的aLengthMenu屬性設置分頁 [[2,15,15, 20, -1] "iDisplayLength" : 2, 設置值與[[2,15,15, 20, -1] 第一個值一致 "bStateSave":true,設置爲true,這樣可以防止假如已經訪問到第5頁,ctrl+F5 後又回到第一 頁 "sAjaxSource" : "listPagingUser?rand="+ Math.random(),設置成分頁url 當點擊上一頁下一頁動作時自動向後臺發送listPagingUser請求並把很多參數傳過去,具體有哪些可用 瀏覽器debug工作查看,分頁用到的有iDisplayLength 、iDisplayStart 當切換每頁顯示多少條時,也會自動觸發"listPagingUser請求 2、後臺以UserController爲例 方法listPagingUser List<User> userList = userService.pagination4User(page);根據前臺傳過來的 iDisplayLength 每頁顯示多少條 iDisplayStart 從第幾條記錄開始顯示 sEcho 前臺傳過來後臺再原樣回傳回去(datatable就這麼要求的) 具體分頁sql見mapper文件 List<User> allUser = userService.listAllUser(); int count = allUser.size();//獲取總條數 PageData pd = new PageData(); 然後將下面信息回傳到前臺,datable根據這些參數完成自動分頁、 pd.setIDisplayLength(page.getiDisplayLength()); //每頁顯示多少條 pd.setIDisplayStart(page.getiDisplayStart());從第幾條記錄開始顯示 pd.setAaData(userList); //分頁數據 pd.setITotalDisplayRecords(Integer.toString(count)); //設置爲總條數 pd.setITotalRecords(Integer.toString(count)); //設置爲總條數 pd.setSEcho(page.getsEcho()); //原樣返回 String json = JSON.toJSONString(pd); //搞成json回傳到前臺
jQuery datatable 分頁
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.