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.   });  
var proxy = new var ds = Ext.data.SimpleStore({ data: [ ['id1','name1','descn1'], ['id2','name2','descn2'] ], fields: ['id','name','descn'] }); 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.   });  
var ds = Ext.data.JsonStore({ url: 'xxx.jsp', root: 'root', fields: ['id','name','descn'] }); 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.     });             
var ds = new Ext.data.GroupingStore({ data: [ ['id1','name1','female','descn1'], ['id2','name2','male','descn2'], ['id3','name3','female','descn3'], ['id4','name4','male','descn4'], ['id5','name5','female','descn5'] ], reader: new Ext.data.ArrayReader({ fields: ['id','name','sex','descn'] }), groupField: 'sex', groupOnSort: true }); 上例中,我们使用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();  
ds.groupBy('id'); ds.clearGrouping();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值