jQuery datatable 分頁


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回傳到前臺
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章