码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-14 13:42:33      阅读:210      评论:0      收藏:0      [点我收藏+]

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

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

标签:extjs   jsonstore   

原文地址:http://blog.csdn.net/fuyuwei2015/article/details/46876005

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!