第1步:分析問題 我這邊的處理方式是根據傳入的數據條數,和需要顯示的頁碼數,自動生成頁碼。舉個例子,如果傳入的參數為{pageSize:10,totalRow:200} 那麼就一共有20頁。 首次生成的頁碼樣式截圖: 第2步:點擊操作 點擊 2 或者下一頁按鈕的樣式截圖: 第3步:生成新頁面 這裡可
第1步:分析問題 我這邊的處理方式是根據傳入的數據條數,和需要顯示的頁碼數,自動生成頁碼。舉個例子,如果傳入的參數為{pageSize:10,totalRow:200} 那麼就一共有20頁。
首次生成的頁碼樣式截圖:
第2步:點擊操作 點擊 2 或者下一頁按鈕的樣式截圖:
第3步:生成新頁面 這裡可視的頁碼數是10.代碼的處理機制是,以6為median 也就是中間值,刷新頁碼 點擊6的樣式截圖:
第4步:此時點擊6之後的頁碼,或者下一頁按鈕,會刷新頁面,樣式截圖:
html 結構
<div id="pagination"> </div>
js 調用 getDataFun為點擊之後執行的操作,可以是ajax請求
$("#pagination").paging({pageSize:10,totalRow:200,getDataFun:getData})
缺點是每次刷新頁面都需要重寫dom。應該是再刷新頁面的時候只更改頁碼數,有時間在優化 - - ,最近寫的東西都是會經常用到的一些小功能,新手。有錯誤請指正 那個線上預覽怎麼搞啊。是需要自己站點還是博客園有這個功能,,我沒有找到
有需要的話 完整代碼demo 下載 paging.zip