天天看點

[Phonegap+Sencha Touch][轉] 移動開發32 使sencha touch的store在離線狀态下也能顯示資料

原文位址:http://blog.csdn.net/lovelyelfpop/article/details/39960843

英文原文:《Using .Net MVC and Sencha Touch: syncing localStorage and remote storage with Ext.ux.OfflineSyncStore》

裡面提供了一個擴充store元件。下面是GitHub上的位址:

https://github.com/lalexgraham/.NetMvcSenchaTouch2OfflineSyncStore.

App聯網的時候,這個store可以把從服務端擷取的資料儲存在本地localStorage中,當App離線的時候,就顯示本地localStorage中的資料。

OfflineSyncStore就是這個意思,即可以把你的App改造成離線狀态下也能用的App。

這篇文章雖然是以.Net的MVC作為服務端,不過也是适合其它任何語言的背景的。(sencha touch和服務端真沒啥關系)

這個store元件的原理是:

配置了一個localProxy和一個serverProxy,

當聯網的時候,store的proxy切換為serverProxy,加載服務端資料,并把資料儲存在本地;

當離線的時候,store的proxy切換為localProxy,加載本地資料。

實際使用中,因為localStorage最大隻支援5MB容量,是以,可以把本地存儲的設為sql proxy。

還有,這個store隻儲存最後一次加載的資料在本地,如果是分頁的,隻儲存最後加載的那一頁資料。 是以,如果要真正的是離線浏覽也能分頁的話,得要自己改改這個store元件了

歡迎加入Sencha Touch + Phonegap交流群

1群:194182999 (滿)

2群:419834979

共同學習交流(部落客QQ:479858761)