這是jquery分頁插件dataTables下載,jquery 中的一款分頁插件,可以簡單的實現分頁效果-The a paging jquery add-on, simple implementation paging effect。
jquery分頁插件dataTables是 一個簡單的例子 讓你快速上手 很多分頁插件都是基于此插件做的 可以說算是原生的 某些情境下 pagination 不可多得 僅此而已。
園友是做前端的,產品經理要求他使用jQuery DataTables插件顯示一個列表,要實現分類效果。
后端的分頁接口已經寫好了,不涉及條件查詢,需要傳入頁碼(pageNo)和頁面顯示數據條數(pageSize),顯示相應頁的顯示記錄,且不能修改后端接口。
先來分析下分頁實現。
一是后端分頁:這種情況下,在后端很容易實現,在官網上有示例,不多說明。
二是前端分頁:前端分頁也是支持的,不過需要一次把所有數據都獲取到才可以。
看到這里,問題來了。由于后端在目前的情況下是更改不了,只能在前端實現。但是,現在又不滿足前端分頁的條件:一次性獲取所有數據(現在后端數據接口只能返回相應頁碼的數據)。
介于目前的情況,獲取的數據只有一頁,沒有所有的頁碼。