jQuery datatable后台分頁實現


在保證用dataTable自帶客戶端分頁沒毛病的情況下,做如下修改:

1.配置參數serverSide

serverSize默認為false客戶端分頁,若要后台服務端分頁則設置將其屬性值設為false

2.dataTable js實現

3.后台Controller層

完成后台分頁:

Controller層需要從前台獲取start(本頁起始數)和length(本頁記錄數);

后台返回參數data(分頁查詢結果)、iTotalDisplayRecords(過濾后記錄數)、iTotalRecords(返回總記錄數),dataTable根據這三個參數及參數中的數據完成后台分頁並顯示到前台。

ps:我后台用的是spring-spring boot-mybatis,所以以上代碼是從前台獲取start和length值后,計算page(當前頁),然后使用mybatis自帶分頁進行查詢。

4.分頁工具類

將后台分頁查到的數據放在pageData分頁工具類中,然后將其返回給前台。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM