store相当于数据库的表,是模型实例的集合。(是不是可以看成结构体数组)

可以对模型实例进行新建、更新、读取、删除、排序和过滤等操作。

创建store

由于store是表,必须要有模型或者定义字段,定义一个store最重要的是定义它的字段或者模型。

要让store加载数据,少不了为它定义代理,定义方式和在模型中使用的方式一样。

注意api中read和destroy的地址。

为store加载数据最简单的是添加配置项autoLoad设置其值为true,这样store在创建实例的时候会自动加载数据,

但是如果store数量过多的时候,会导致加载速度很慢,因此使用load的方法来加载数据。

store加载完数据之后会触发load和refresh事件。

如果是为了刷新视图可以使用refresh事件,其他情况可以使用laod事件或refresh事件。

store返回格式与模型一样,但是必须要有total,不然就无法分页了

加载本地数据

如果store在初始化的时候就载入数据,可以使用data配置项来定义,格式与返回格式中的data属性一样。

如果想在store初始化后再加载本地数据,就需要使用add或setData方法。

方法add用于追加数据,而setData会删除原有数据然后加载新的数据。

因为采用本地加载数据的方式,因此不需要定义代理。

不需要代理,不需要代理,不需要代理

这个是吧store中的数据又读到了一个新的comments的store中

var commentsStore= Ext.StoreManager.get("Comments");
commentsStore.setData(data.getAt(0).comments().getData().items);

在store中实现增删改查

1. 新建操作

要在store中增加数据可以使用add方法,该方法可以一次添加一条或者多条数据。

单个数据的格式必须是json格式的

新建完了之后就可以用sync方法将数据提交到服务器端。

服务器端处理完数据之后就可以根据相应的格式返回数据了。

sync方法会返回一个对象,包含added,updated和removed三个属性。

调用sync方法之后,这两条新的记录会以数组的形式通过data关键字提交到服务器,

服务器端的处理过程是:将获取的字符串转换为JSON数组,然后逐个提取数组中的JSON对象,并将数据保存到数据库,这时数据库会返回实际的产品编号,

且必须使用ProductId字段返回。每新建一个记录的时候,框架都会为它分配一个id值。

2. 编辑操作

编辑操作是基于记录的,而且只能使用记录的set方法来操作,方法set有两个参数,第一个参数是要编辑的字段的名称,第二个是编辑后的字段值。

3. 删除操作

在store中,删除操作有remove,removeAll和removeAt三个方法,分别用来删除记录、删除全部记录和根据索引来删除记录。

删除记录不能使用sync方法,没有办法清空删除缓存中的记录。每次同步都会重复发送已删除的记录。

最好在store定义中,定义syncRemoveRecords为false,禁止同步删除的记录。

删除操作使用Ext.Ajax将要删除的记录id提交到服务端进行删除,返回后,再使用模型的destroy方法来删除记录。

不用erase的方法是因为,它会执行一次提交操作。

4. 自动同步

在store中可以用配置项autoSync来指示是否同步,默认是false,也就是不自动同步,如果设置为true,则store数据变化时会自动同步。

5. store排序,过滤,分组,分页,树状图形

sencha touch之store的更多相关文章

  1. sencha touch json store

    js: Ext.define('MyApp.store.MyJsonStore', { extend: 'Ext.data.Store', requires: [ 'MyApp.model.Perso ...

  2. Sencha Touch 2.2 Store Proxy 异常监控

    移动端到服务端通信往往会发生很多莫名的异常情况,如何有效的监控proxy异常,给用户友好的用户体验呢? Proxy给我提供了异常exception的监听事件,只需要监控该项目即可. Sencha To ...

  3. 跟我一起玩转Sencha Touch 移动 WebApp 开发(一)

    1.目录 移动框架简介,为什么选择Sencha Touch? 环境搭建 创建项目框架,框架文件简介 创建简单Tabpanel案例 自定义图标的方式 WebApp产品测试和发布 HTML5离线缓存 发布 ...

  4. Sencha Touch+PhoneGap打造超级奶爸之喂养记(一) 源码免费提供

    起源 非常高兴我的宝宝健康平安的出生了.对于初次做奶爸的我,喜悦过后,面临着各中担心,担心宝宝各项指标是否正常.最初几天都是在医院待着,从出生那一天开始,护士妹妹隔一段时间就会来问宝宝的喂奶,大小便, ...

  5. 再探 Ext JS 6 (sencha touch/ext升级版) 变化篇 (编译命令、滚动条、控制层、模型层、路由)

    从sencha touch 2.4.2升级到ext js 6,cmd版本升级到6.0之后发生了很多变化 首先从cmd说起,cmd 6 中sencha app build package不能使用了,se ...

  6. 初探 Ext JS 6 (sencha touch/ext升级版)

    Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/product ...

  7. sencha touch tabsidebar 源码扩展

    先上图看效果 没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m ...

  8. sencha touch 2 tabpanel中List的不显示问题,解决方案

    笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用t ...

  9. Sencha Touch Guide

     1.一些命令 创建APP #  Make sure the current working directory is the Sencha Touch 2 SDK 例如D:\Program File ...

随机推荐

  1. [转]vs2008安装失败的总结与分享

    转自:http://www.cnblogs.com/rockdean/archive/2010/01/13/1646851.html 今天系统是刚装的,今儿个也不是第一次装系统,也不是第一次装vs20 ...

  2. uniq DEMO

    测试数据: [weblogic@etp-mall-dev7][/tmp]$ cat msn.txt aaa bbb bbb ccc ccc ddd bbb eee aaa ccc bbb sss op ...

  3. telnet不通11211端口,防火墙

    问题描述: 按照官网步骤,虚拟机里安装并启动memcached, 虚拟机里自己telnet11211端口可以连接, 使用Xmanager22端口可以连接到虚拟机,但是始终telnet不同11211端口 ...

  4. Keepalived原理及配置应用总结

    Keepalived——保持存活,在网络里的含义就是保持在线.Keepalived提供高可用和热备的功能,用来防止单点故障的发生. 1.VRRP协议基本原理介绍 Keepalived实现的基础是VRR ...

  5. Spring面试问题

    什么是Spring框架?Spring框架有哪些主要模块? 使用Spring框架有什么好处? 什么是控制反转(IOC)?什么是依赖注入? 请解释下Spring中的IOC? BeanFactory和App ...

  6. 24、jQuery常用AJAX-API/Java调用MySQL / Oracle过程与函数

      1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取 ...

  7. ecshop增加pc扫描二维码微信支付功能代码

    ecshop开发网站,如果没有手机版,又想通过微信支付,可以加入pc二维码扫描微信支付功能 工具/原料 ecshop商城系统,phpqrcode,WxPayPubHelper 公众号已申请微信支付 方 ...

  8. Linux C socket 编程之TCP

    推荐:http://www.cnblogs.com/tianshuai11/archive/2011/11/30/2477224.html

  9. hdwiki中model模块的应用

    control中调用model原则是这样的,如果你的这个model在本control中大部分方法中都要用到,那么,就写在构造函数里面.例如,名字为doc的control的构造函数如下: functio ...

  10. ACM题目————吝啬的国度

    描述 在一个吝啬的国度里有N个城市,这N个城市间只有N-1条路把这个N个城市连接起来.现在,Tom在第S号城市,他有张该国地图,他想知道如果自己要去参观第T号城市,必须经过的前一个城市是几号城市(假设 ...