欢迎访问中国最大的EXTJS讨论社区 首页 论坛 教程

Ext教程-一起Ext

当前位置: 首页 > 教程 > Ext Data Store >

Ext.data专题七:高级store

时间:2009-04-13 23:00来源: 作者: 点击:
实际开发时,并不需要每次都对 proxy 、 reader 、 store 这三个对象进行配置, EXT 为我们提供了几种可选择的整合方案。 q SimpleStore = Store + MemoryProxy + ArrayReader var ds = Ext.data.SimpleStore({ da

  

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

q   SimpleStore = Store + MemoryProxy + ArrayReader

 

  var ds = Ext.data.SimpleStore({

      data: [

            ['id1','name1','descn1'],

            ['id2','name2','descn2']

      ],

      fields: ['id','name','descn']

  });

 

SimpleStore是专为简化读取本地数组而设计的,设置上MemoryProxy需要的dataArrayReader需要的fields就可以使用了。

q   JsonStore = Store + HttpProxy + JsonReader

 

  var ds = Ext.data.JsonStore({

      url: 'xxx.jsp',

      root: 'root',

      fields: ['id','name','descn']

  });

 

JsonStoreJsonReaderHttpProxy整合在一起,提供了一种从后台读取JSON信息的简便方法,大多数情况下可以考虑直接使用它从后台读取数据。

q   Ext.data.GroupingStore对数据进行分组

Ext.data.GroupingStore继承自Ext.data.Store,它的主要功能是可以对内部的数据进行分组,我们可以在创建Ext.data.GroupingStore时指定根据某个字段进行分组,也可以在创建实例后调用它的groupBy()函数对内部数据重新分组,如下面的代码所示。

 

    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()函数清除分组信息,如下面的代码所示。

 

    ds.groupBy('id');

    ds.clearGrouping();

 

声明:本站教程文章版权为一起Ext(http://www.17ext.com/)所有,转载请注明出处
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容