`
objectbean
  • 浏览: 14576 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

7.高级Store

阅读更多
实际开发时,并不需要每次都对proxy、reader、store这三个对象进行配置,EXT为我们提供了几种可选择的整合方案。

1. SimpleStore = Store + MemoryProxy + ArrayReader

  1. var proxy = new var ds = Ext.data.SimpleStore({  
  2.       data: [  
  3.             ['id1','name1','descn1'],  
  4.             ['id2','name2','descn2']  
  5.       ],  
  6.       fields: ['id','name','descn']  
  7.   });  
SimpleStore是专为简化读取本地数组而设计的,设置上MemoryProxy需要的data和ArrayReader需要的fields就可以使用了。 2. JsonStore = Store + HttpProxy + JsonReader
  1. var ds = Ext.data.JsonStore({  
  2.       url: 'xxx.jsp',  
  3.       root: 'root',  
  4.       fields: ['id','name','descn']  
  5.   });  
JsonStore将JsonReader和HttpProxy整合在一起,提供了一种从后台读取JSON信息的简便方法,大多数情况下可以考虑直接使用它从后台读取数据。 3. Ext.data.GroupingStore对数据进行分组 Ext.data.GroupingStore继承自Ext.data.Store,它的主要功能是可以对内部的数据进行分组, 我们可以在创建Ext.data.GroupingStore时指定根据某个字段进行分组, 也可以在创建实例后调用它的groupBy()函数对内部数据重新分组,如下面的代码所示:
  1. var ds = new Ext.data.GroupingStore({  
  2.         data: [  
  3.             ['id1','name1','female','descn1'],  
  4.             ['id2','name2','male','descn2'],  
  5.             ['id3','name3','female','descn3'],  
  6.             ['id4','name4','male','descn4'],  
  7.             ['id5','name5','female','descn5']  
  8.         ],  
  9.         reader: new Ext.data.ArrayReader({  
  10.             fields: ['id','name','sex','descn']  
  11.         }),  
  12.         groupField: 'sex',  
  13.         groupOnSort: true  
  14.     });             
上例中,我们使用groupField作为参数,为Ext.data.Grouping设置了分组字段,另外还设置了groupOnSort参数, 这个参数可以保证只有在进行分组时才会对Ext.data.Grouping- Store内部的数据进行排序。 如果采用默认值,就需要手工指定sortInfo参数,从而指定默认的排序字段和排序方式,否则就会出现错误。 创建Ext.data.GroupingStore的实例之后,我们还可以调用groupBy()函数重新对数据进行分组。 因为我们设置了groupOnSort:true,所以在重新分组时,EXT会使用分组的字段对内部数据进行排序。 如果不希望对数据进行分组,也可以调用clearGrouping()函数清除分组信息,如下面的代码所示:
  1. ds.groupBy('id');  
  2. ds.clearGrouping();  
分享到:
评论

相关推荐

    Win10中应用商店App的重装或没有应用商店的LTSC版本的安装APP: Microsoft.WindowsStore

    第一步:设置显示隐藏文件夹,打开C:\Program Files文件夹,右击WindowsApps文件夹,选择“属性”,在安全里面选择“高级” 第二步:更改所有者,为Everyone, 确定。 第三步:最后会出现“Windows安全”窗口,等待...

    仿59store校园o2o系统 v2.42校园o2o系统 得推校园O2O系统 仿59store

    7.支持微信支付和支付宝 8.商家特卖频道 9.商家优惠券 安装说明: 直接输入程序目录即可 http://localhost/ 程序只支持站点根目录 安装问题说明: 1.跳转不到安装目录:删除config/install.lock 2.安装出现temp/...

    magento用户使用手册.pdf

    网站和商店(website and store)...................................................................................7 网站(website)........................................................................

    Ext深入浅出 数据传输

    10.7 高级store.............................................245 10.8 EXT中的Ajax .........................................246 10.8.1 最容易看到的Ext.Ajax ........246 10.8.2 Ext.lib.Ajax是更底层的封装.....

    webx3框架指南PDF教程附学习Demo

    7 1.3. 本章总结 ................................................................................................... 9 第 2 章 SpringExt ..............................................................

    TableStore在社交类场景下的应用.pdf

    高级技术专家木洛在2017云栖大会·北京峰会中做了题为《TableStore在社交类场景下的应用》的分享,就TableStore产品概述,社交类场景实践,下一步计划等方面的内容做了深入的分析。

    DicomObjects用户手册-中文版

    7 1.7私有属性............................................... .................................................................... ............... 7 2第一步 - 阅读,查看和写入DICOM文件...................

    Java的ORM框架jOOQ.zip

    jOOQ 高效的合并了复杂SQL、类型安全、源码生成、Active Records、存储过程以及高级数据类型的 Java 类库。 示例代码: // Create a new record and insert it into the database TBookRecord book = create.new...

    Ext+JS高级程序设计.rar

    12.3.7 产品管理 313 12.3.8 库存统计 314 12.3.9 修改密码 314 12.4 本章小结 314 第13章 单页面应用实例—.NET语言实现 315 13.1 创建应用并设置开发环境 315 13.2 自定义Membership提供程序 317 13.3 登录页 319 ...

    react最新教程(包含初级-中级-高级)

    理解action-store-reducer 5.理解dispatch 6.subscribe订阅 7.action-creator 8.react-redux介绍 9.实现计数器应用(1) 10.实现计数器应用(2) 11.实现计数器应用(3) 12.实现计数器应用(4) ...

    code store MFC 原码(高级UI界面技术)

    以前打算写一个专门搜集代码 算法,或者API调用样例的软件,给记忆力低下的自己用。但半途而废了。一幌几年过去了,今天无意间翻出来,混上几个资源分,也算是物尽其用吧。如果有人愿意把它实现,可以找我联系:qq ...

    PowerToggles, 用于android的高级电源控制小部件.zip

    PowerToggles, 用于android的高级电源控制小部件 PowerToggles用于android的高级电源控制小部件从play商店安装https://play.google.com/store/apps/details?id=com.painless.pcPowerToggles是一

    [Visual Studio] Visual Studio 2013 高级编程 (英文版)

    [Wrox] Visual Studio 2013 高级编程 (英文版) [Wrox] Professional Visual Studio 2013 (E-Book) ☆ 图书概要:☆ Comprehensive guide to Visual Studio 2013 Visual Studio is your essential tool for ...

    k-9, K 9邮件- Android高级电子邮件.zip

    k-9, K 9邮件- Android高级电子邮件 K-9 邮件 K-9邮件是面向Android的开源电子邮件客户端。下载K-9邮件可以从以下几个来源下载:Google Playf droidGithub发布版本用于Android平台的 AppStore你可能还

    ASP.NET MVC 3高级编程

    第7章 应用程序的安全性 133 7.1 使用authorize特性登录 135 7.1.1 保护控制器操作 135 7.1.2 authorize特性在表单身份验证、accountcontroller控制器中的用法 139 7.1.3 intranet application模板中的windows ...

    EXTJS4.0视频教程配套代码

    [06]EXTJS4.0的数据集store.wmv (73.45M) 第七讲:extjs4.0的事件机制Event [07]EXTJS4.0的事件机制Event.001.zip (70.00M)[07]EXTJS4.0的事件机制Event.003.zip [07]EXTJS4.0的事件机制Event.002.zip 第八...

    劳动合同必备模板.7z

    |____.DS_Store |____13、劳动合同管理规定 | |____某上市公司劳动合同管理办法(14页).doc | |____劳动合同管理制度(4页).doc | |____员工劳动合同管理制度(15页).doc | |____劳动合同管理规定(2页)....

Global site tag (gtag.js) - Google Analytics