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







