Pages

搜尋此網誌

2013年12月24日 星期二

extjs 3.x: 本地資料 PagingStore 的使用

extjs 3.x: 本地資料 PagingStore 的使用

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

最後提供一個已經寫好的小範例讓大家參考一下,希望可以讓需要的人快速上手囉!

張貼留言