原文地址: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)

[Phonegap+Sencha Touch][转] 移动开发32 使sencha touch的store在离线状态下也能显示数据相关推荐

  1. [Phonegap+Sencha Touch] 移动开发4、Sencha Touch初步使用

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/20392821 环境搭建:<移动开发1.准备工作> 请注意:以下步骤基于Se ...

  2. sencha touch 入门系列 (二)sencha touch 开发准备

    这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开 ...

  3. phonegap 性能优化 以及 phonegap + Angularjs + ionic 移动 app 开发介绍

     第一讲  phonegap 性能优化 以及 phonegap+ Angularjs + ionic 移动 app 开发介绍   学习要点: Phonegap第一季第二季视频教程内容简介 phon ...

  4. sencha touch 入门系列 (一)sencha touch 简介

    参考链接:http://mobile.51cto.com/others-278381.htm Sencha touch 是基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合J ...

  5. 移动端开发基本知识之touch.js,FastClick.js源码分析

    问题1:300ms延迟问题指的是? 不管在移动端还是PC端,我们都需要处理用户点击,这个最常用的事件.但在touch端click事件响应速度会比较慢,在较老的手机设备上会更为明显(300ms的延迟). ...

  6. 《.NET最佳实践》与Ext JS/Touch的团队开发

    概述 持续集成 编码规范 测试 小结 概述 有不少开发人员都问过我,Ext JS/Touch是否支持团队开发?对于这个问题,我可以毫不犹豫的回答:支持.原因是在Sencha官网博客中客户示例中,有不少 ...

  7. sencha touch 入门系列 (四)sencha touch 新建项目目录结构解析

    通过上一章节的操作,我们的项目已经创建完成了, 大家通过http://127.0.0.1/MyFirst/应该都已经访问到了自己的应用, 接下来,我们展开我们项目,如图所示: 一.目录结构 1. .s ...

  8. Chrome(谷歌浏览器) 程序开发32个经常使用插件

    Chrome(谷歌浏览器) 程序开发32个经常使用插件 谷歌浏览器(Chrome)在2008年底才公布.但非常快它已成为火狐(Firefox)有力竞争对手. 之前.由于有大量的附加组件的支持,所以火 ...

  9. Chrome(谷歌浏览器) 程序开发32个常用插件

    Chrome(谷歌浏览器) 程序开发32个常用插件 谷歌浏览器(Chrome)在2008年底才发布,但很快它已成为火狐(Firefox)有力竞争对手.之前,因为有大量的附加组件的支持,所以火 狐(Fi ...

最新文章

  1. 假3D场景逼真到火爆外网!超1亿像素无死角,被赞AI渲染新高度
  2. 第九次作业——测试报告与用户手册
  3. Javascript模板引擎handlebars使用实例及技巧
  4. 通过福禄克LinkIQ网络电缆测试仪排除 VLAN 故障
  5. centos7 开机后进去了命令行_Linux系统管理:开机启动流程(二)
  6. 基础知识—条件判断语句-if条件类型的语句
  7. 浅谈TCP/IP网络编程中socket的行为
  8. 渲染巨匠(lightscape) 3.2 SP1 汉化版
  9. 夺灵者哈卡(Hakkar, the Soulflayer)
  10. Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean
  11. 总结:xshell的一些使用技巧
  12. mysql增加行_MySQL添加新行
  13. IT人力外包越来越流行的原因剖析
  14. fx3u4ad一adp说明书_三菱FX3U-4AD-ADP用户手册FX3U-4AD-ADP模拟控制版本手册 - 广州凌控...
  15. 亲爱的,60句感人歌词,有没有一句触动了你
  16. 转载 回声消除的总结
  17. 气炸了!被交通银行这波操作~
  18. 【总结】华为交换机和锐捷交换机的syslog配置
  19. STC8a8K单片机c语言驱动彩屏,用STC单片机驱动笔段式LCD屏
  20. stripe支付集成

热门文章

  1. Java单链表插入基本操作(头插法、尾插法、任意位置插入法)
  2. VMware 打开运行一段时间后卡死,CPU占比增至100%
  3. 物联网系统的架构有哪些
  4. 理解面向消息的中间件和JMS
  5. 大数据产业:“数聚”承德“云端”发力
  6. 好用的新媒体常用软件有哪些?新手都用新媒体软件吗?
  7. 阿里云的网站负载均衡解决方案
  8. 遥感图像分割数据集整理(发布)
  9. 小米电视 “无法访问,请检查网络链接是否正常“
  10. 运维思索:接地气的运维自动化建设