Extjs学习笔记——Ext.data.JsonStore使用说明

Ext.data.JsonStore继承于Ext.data.Store，使得从远程JSON数据创建stores更为方便的简单辅助类。JsonStore合成了Ext.data.HttpProxy与Ext.data.JsonReader两者。如果你需要其他类型的proxy或reader组合，那么你要创建以Ext.data.Store为基类的配置。

代码实例：

var store = new Ext.data.JsonStore({
    id:‘id‘,
    url: ‘get-images.php‘,
    root: ‘images‘,
    totalProperty: ‘rowCount‘,
    fields: [‘name‘, ‘url‘, {name:‘size‘, type: ‘float‘}, {name:‘lastmod‘, type:‘date‘}]
});

他的返回值将形成如下的对象：

{
    images: [
        {name: ‘Image one‘, url:‘/GetImage.php?id=1‘, size:46.5, lastmod: new Date(2007, 10, 29)},
        {name: ‘Image Two‘, url:‘/GetImage.php?id=2‘, size:43.2, lastmod: new Date(2007, 10, 30)}
    ]
}

下面我们依次说明下几个参数的含义：

id（String）：用来唯一标识

url（String）：如果有值传入，会为该URL创建一个HttpProxy对象

root(String)：JSON对象的key指定,这里指的是服务器传递过来的json变量的命名

totalProperty：这里指的是查询出来的条数，也是由服务器传递过来

fields(Object[]):对象数组集合

在实际应用中fields我们可以使用遍历list等方式往里面传值。