ExtJs中ArrayStore、SimpleStore、JsonStore、GroupingStore

最新推荐文章于 2020-08-18 10:47:49 发布

whazhl

最新推荐文章于 2020-08-18 10:47:49 发布

阅读量2.9k

点赞数

分类专栏： extjs 文章标签： Store extjs

extjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Ext.data.ArrayStore实例

var store = new Ext.data.ArrayStore({
    fields: ['name','age'],
    data: [
        ['tom',18],
         ['cat',20]
    ]
});

Ext.data.SimpleStore实例

SimpleStore=Store+MemoryProxy+ArrayReader

SimpleStore是不需要写load()方法

var store = new Ext.data.SimpleStore({
    data : [
        ['tom',18],
        ['cat',25]
    ],
    fields : [
        {name : 'name',type : 'string'},
        {name : 'age',type : 'int'}
    ]
});

Ext.data.JsonStore实例

JsonStore=Store+HttpProxy+JsonReader

JsonStore需要写load()方法

var store = new Ext.data.JsonStore({
    url : 'http://www.studyofnet.com',
    root : 'root',
    fields : [
        {name : 'name',type : 'string'},
        {name : 'age',type : 'int'}
    ]
});
store.load();

Ext.data.GroupingStore对数据分组

var store = new Ext.data.GroupingStore({
     data : [
         ['tom',18,'男'],
         ['cat',25,'女'],
         ['team',18,'男'],
         ['jock',26,'女']
    ],
     reader : new Ext.data.ArrayReader({
         fields : [
             {name : 'name',type : 'string'},
             {name : 'age',type : 'int'},
             {name : 'sex',type : 'string'}
        ]
     }),
    groupField : 'age',//设置分组字段
    sortInfo : {  
       field : 'age',  
       direction : 'desc'  
       }
});

文章转载自： ExtJs中Store的种类 http://www.studyofnet.com/news/445.html