Sencha Touch 数据层篇 Store
2011-12-07 12:49
344 查看
数据集store
store是数据的集合,我们称store中条数据为一条记录。store从代理(proxy)获取数据。它封装了数据的查询、筛选和排序等常用方法。然而,最重要的是,ST中的一些组件可以绑定store,这些组件会以我们设定好的格式去显示store的内容,这大概是Sencha Touch中最强大的功能了。当sotre内容发生改变时,我们能很方便地更新组件的显示,这使得我们的开发工作变得十分地轻松。创建一个store
在这里我们先新建一个store,后面我们都会以这个store作为操作对象来讲解store的各种用法:})]var list = Ext.create('Ext.dataview.List', { itemTpl: '{firstName} {lastName}', store: store //通过配置项实现store的绑定。 }); Ext.Viewport.add(list);//将list显示出来
第二种方式是使用setStore方法进行绑定。这个方式在给已有的组件添加或修改store的时候可以用得上。调用setStore方法,List的显示内容会自动刷新。代码如下:
查询
store的查询、筛选和排序功能的使用方法具有较好的一致性,下面先给大家介绍一下find方法。 find方法并不能直接把你要查询的记录直接返回,只能返回其下标,我们需要再调用一次getAt(index)方法才能获取这条记录的详细内容。 var index = store.find('firstName', 'Dave'); console.log(index); //Dave第一次出现是在第5条记录,下标为4,输出4。 var record = store.getAt(index); console.log(record); //输出的是一条Dave的那条record。
find方法并非精确匹配,它只匹配记录的头部。在上面的例子中,“Daven”也是符合查询条件的。如果想要精确匹配,就用findExact方法,用法跟find方法一样。如果你的查询条件比较复杂,还可以考虑一下如下的findBy方法。
给定一个自定义的判定方法,findBy基本可以处理任何BT的查询的需求,下面这个例子演示了如何获得符合自定义条件的记录的索引。
store.filter('firstName', 'Dave');//筛选出所有firstName为Dave的数据 list.setStore(store);
同时它也支持正则表达式:
store.filterBy(function(record){ return record.get('firstName') == 'Dave';//仅能使方法返回true的记录会被保留下来。 });
也可设置多个条件同时进行筛选:
)]var data = [ {firstName: 'Tommy', lastName: 'Maintz'}, {firstName: 'Ed', lastName: 'Spencer'}, {firstName: 'Jamie', lastName: 'Avins'}, {firstName: 'Aaron', lastName: 'Conran'}, {firstName: 'Dave', lastName: 'Conran'}, {firstName: 'Michael', lastName: 'Mullany'}, {firstName: 'Abraham', lastName: 'Elias'}, {firstName: 'Jay', lastName: 'Robinson'}, {firstName: 'Tommy', lastName: 'Maintz'}, {firstName: 'Ed', lastName: 'Spencer'}, {firstName: 'Jamie', lastName: 'Avins'}, {firstName: 'Aaron', lastName: 'Conran'}, {firstName: 'Ape', lastName: 'Evilias'}, {firstName: 'Dave', lastName: 'Kaneda'} ]; var store = Ext.create('Ext.data.Store', { model: 'Contact', //刚开始store里没有数据 filters: { property:'firstName', value: 'Dave' } }); store.loadData(data);//使用loadData读取数据,此时会自动执行筛选操作。 var list = Ext.create('Ext.dataview.List', { itemTpl: '{firstName} {lastName}', store: store//结果list显示了Dave Conran以及Dave Kaneda这两条数据。 });
除此之外,还有soter方法,以及soters配置项,用于对store进行排序。用法大同小异,在此就不作过多的介绍了。
但是,到现在为止,我们用的仍然是静态的store,如果想要让store读取本地存储或者远程服务器的数据,又该怎么做呢?下一篇,Sencha Touch 数据层篇 之代理 中威老将为大家详解各种的数据的读取问题。敬请关注威老的博客。
相关文章推荐
- Sencha Touch 数据层篇 Store
- [Phonegap+Sencha Touch][转] 移动开发32 使sencha touch的store在离线状态下也能显示数据
- sencha-touch开发的一些tips(tabPanel,提示框,store数据修改)
- sencha touch从store中获取数据总结
- Sencha Touch 数据层篇 Store
- Sencha touch 对store操作心得——Sencha Touch 数据层篇 Store
- Sencha Touch 2 官方文档翻译之 Using Store & Using Proxy(使用数据存储和代理)
- Sencha Touch 数据层篇 Proxy(上)
- Sencha Touch 2 官方文档翻译之 Using Models(使用数据模型)
- sencha touch 2 nestlist中获得绑定store中值的办法
- sencha touch list更新单行数据
- Sencha Touch 中 list 更新数据滚动到顶部解决方案
- sencha touch 通过.axhx获取后台数据时,Unable to parse the JSON returned by the server: Error: You're trying to
- sencha touch list(列表)、 store(数据源)、model(模型)详解
- sencha touch-2.4.1,pullrefresh设置store的param
- sencha touch 坑爹的Panel,数据不显示了...
- Sencha Touch 2 快速入门系列(六)-- 数据(Data)
- sencha-touch 获得指定数据源store方法
- Sencha Touch 数据层篇 Model