Extjs学习笔记——Ext.data.JsonStore使用说明-CSDN博客

本文链接：https://blog.csdn.net/fuyuwei2015/article/details/46876005

本文介绍了Ext.data.JsonStore的使用，它简化了从远程JSON数据创建存储的过程。JsonStore结合了HttpProxy和JsonReader的功能。内容包括JsonStore的主要参数解释，如id、url、root、totalProperty和fields，并指出fields可以通过遍历等方式动态传值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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等方式往里面传值。