Ext学习系列(1)-- Ext.data.JsonReader
2013-09-04 15:32
375 查看
在JavaScript中,JSON是一种非常重要的数据格式,key:value的形式比XML那种复杂的标签结构更容易理解,代码量也更小,很多人倾向于使用它作为EXT的数据交换格式。
meta:
totalProperty: json数据中,保存总记录数的属性
successProperty: json数据中,保存是否返回成功的属性名
root: json数据中,保存记录集的属性的属性名
id: json数据中,记录中主键所对应的列的属性名
//JSON数据
varjson
={'results':2,
'rows':
[
{'id':
1,'name':'Bill',occupation:'Gardener'},
{'id':
2,'name':'Ben',occupation:'Horticulturalist'}
]
Ext.data.DataReader(meta,recordType)
meta:
totalProperty: json数据中,保存总记录数的属性
successProperty: json数据中,保存是否返回成功的属性名
root: json数据中,保存记录集的属性的属性名
id: json数据中,记录中主键所对应的列的属性名
为Json-Reader准备的JSON数据如下面的代码所示:
//JSON数据
varjson
={'results':2,
'rows':
[
{'id':
1,'name':'Bill',occupation:'Gardener'},
{'id':
2,'name':'Ben',occupation:'Horticulturalist'}
]
};
与数组相比,JSON的最大优点就是支持分页,我们可以使用totalProperty参数表示数据的总量。
successProperty参数是可选的,可以用它判断当前请求是否执行成功,进而判断是否进行数据加载。
在不希望JsonReader处理响应数据时,可以把successProperty设置成false。
现在来讨论一下JsonReader,看看它是如何与上面的JSON数据对应的,如下面的代码所示:
//JsonReader
varreader=newExt.data.JsonReader(
{
totalProperty:"results",//totalRecords属性由json.results得到
successProperty:true,//json数据中,保存是否返回成功的属性名
root:"rows",//构造元数据的数组由json.rows得到
id:"id"//id由json.id得到
},[
{name:'name',mapping:'name'},
{name:'occupation'}//如果name与mapping同名,可以省略mapping
]
);
相关文章推荐
- Ext学习系列(8)-- Ext.data.JsonReader
- Ext学习系列(8)-- Ext.data.JsonReader
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext学习系列(9)-- Ext.data.HttpProxy
- Ext.data.JsonReader
- Ext.data.JsonReader的用法
- [转载]EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data.reader.Json reader: json
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- EXT核心API详解(十)--DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- Ext.data.JsonReader的fields属性详解
- Ext.data-DataReader/ArrayReader/JsonReader/XmlReader
- EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
- [转载]EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader
- EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader