extjs 3.x 再原生的 PagingStore 只支援遠端 paging,也就是分頁處理必須交由遠端的 server,透過傳入起始頁數以及每頁顯示的筆數,這樣的結構上會造成對 server request 次數大增,有些時候將所資料都載入前端,分散 server loading 是提高效能以及使用體驗的手段之一。
當然文章一開始有提到 extjs 3 原生未支援這樣處理的方式,好家在網路上的大神已經有幫我們開發出外掛,讓我們可以很方便去使用,該外掛相關說明以及下載地址:
Ext.ux.data.PagingStore [v0.5]
使用是需要注意的重點:
- 根據資料來源的不同會有不同的 store
- 在分頁 toolbar 的使用,記得也要使用 ux 的版本
Ext.ux.PagingToolbar
- 可以使用
Ext.data.MemoryProxy
當畫面 render 完成後在進行 store.load
最後提供一個已經寫好的小範例讓大家參考一下,希望可以讓需要的人快速上手囉!