❶ jquery datatable如何動態分頁
一、分頁
分頁的基本思想是根據datatable的頁碼及每頁顯示的行數,將數據從資料庫分段提出,然後再填充到表格中,以達到分頁的效果。
這里需要用到datatable插件的幾個屬性:
"sEcho":這個屬性需要原封不動地傳回給datatable,具體的作用我也不清楚,但是根據它值的變化情況來看,好像是一個操作次數的計數(之前我一直把它當做是pageindex來用,結果發現,不論我在datatable中是翻下一頁還是翻上一頁,它一直在增加。)
"iDisplayStart":這個屬性,根據字面意思理解,就是每段數據開始的行數,比如第一頁的數據就是從0開始計,那麼它就是0,每頁顯示的行數是10,那麼第二頁的第一行的iDisplayStart就是10。
"iDisplayLength":這個屬性就是每頁顯示的行數。
然後是資料庫操作,只需要從資料庫查詢其中一段數據,然後輸出出來,轉成JSON格式,讓datatable插件獲取。在網上可以找到很多分頁的方法,選擇了其中一種,使用row_number()的分頁的存儲過程。具體代碼如下(根據sql創建存儲過程模板):
因為測試,所以只提取了表中的三個欄位,並且關閉了數據過濾及排序功能,其中,"bLengthChange"可以設置成true,因為服務端會獲取datatable的iDisplayLenth參數,即使每頁顯示數變化,數據也可以正常獲取。
這樣就實現了jquery.datatable插件的服務端分頁獲取數據。