天天看點

jQuery分頁插件jqPaginator的使用

jQuery的這款分頁插件jqPaginator使用起來很友善,一般在開發中jQuery必不可少,另外再加上這個js檔案就可以實作分頁,jqPaginator的使用方法如下,(具體以筆者自己寫的一個demo為例說明)

1,首先,在頁面引入jQuery和jqPaginator

jQuery分頁插件jqPaginator的使用

此處,對樣式沒有過分追求,是以把官方的樣式引入過來。

2,js編碼

jQuery分頁插件jqPaginator的使用

具體就是注釋中寫的三步,該分頁邏輯平鋪直叙,先得到總頁數,然後填分頁參數并監聽點選按鈕獲得目前頁,再請求分頁資料,這樣就完成了分頁。

3,背景編碼(此處用的傳統的servlet方式)

jQuery分頁插件jqPaginator的使用
jQuery分頁插件jqPaginator的使用

4,顯示效果

jQuery分頁插件jqPaginator的使用
jQuery分頁插件jqPaginator的使用
jQuery分頁插件jqPaginator的使用

共105條資料,每頁顯示5條,共21頁。