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