Extjs学习 数据读取器DataReader

DataReader 表示数据读取器，也就是数据解析器，其负责把从服务器或者内存数组、xml
文档中获得的杂乱信息转换成ExtJS 中的记录集Record 数据对象，并存储到Store 里面的记
录集数组中。
数据解析器的基类由Ext.data.DataReader定义，其它具体的数据解析器都是该类的子类，
ExtJS 中提供了读取二维数组、JSon 数据及Xml 文档的三种数据解析器，分别用于把内存
中的二级数组、JSON 格式的数据及XML 文档信息解析成记录集。下面简单的介绍：
1
）ArrayReader
Ext.data.ArrayReader－数组解析器，用于读取二维数组中的信息，并转换成记录集Record
对象。首先看下面的代码：
这里定义的myReader 可以读取下面的二维数组：
2
）JsonReader
Ext.data.JsonReader－Json 数据解析器，用于读取JSON 格式的数据信息，并转换成记
录集Record 对象。看下面使用JsonReader 的代码：
var MyRecord = Ext.data.Record.create([
{name: 'title', mapping:1},
{name: 'username', mapping:2},
{name: 'loginTimes', type:3}
]);
var myReader = new Ext.data.ArrayReader({
id: 0
}, MyRecord);
[ [1, '测试', '小王',3], [2, '新年好', 'williamraym',13] ]
var MyRecord = Ext.data.Record.create([
{name: 'title'},
{name: 'username', mapping: 'author'},
{name: 'loginTimes', type: 'int'}
]);
var myReader = new Ext.data.JsonReader({
totalProperty: "results",
root: "rows",
id: "id"
}, MyRecord);


这里的JsonReader 可以解析下面的JSON 数据：
JSonReader 还有比较特殊的用法，就是可以把Store 中记录集的配置信息存放直接保存
在从服务器端返回的JSON 数据中，比如下面的例子：
这一个不带任何参数的myReader，可以处理从服务器端返回的下面JSON 数据：
3
）XmlReader
Ext.data.XmlReader－XML 文档数据解析器，用于把XML 文档数据转换成记录集Record
对象。看下面的代码：
{ 'results': 2, 'rows': [
{ id: 1, title: '测试', author: '小王', loginTimes: 3 },
{ id: 2, title: 'Ben', author: 'williamraym', loginTimes:13} ]
}
var myReader = new Ext.data.JsonReader();
{
'metaData': {
totalProperty: 'results',
root: 'rows',
id: 'id',
fields: [
{name: 'title'},
{name: 'username', mapping: 'author'},
{name: 'loginTimes', type: 'int'} ]
},
'results': 2, 'rows': [
{ id: 1, title: '测试', author: '小王', loginTimes: 3 },
{ id: 2, title: '新年好', author: 'williamraym', loginTimes:13}]
}
var MyRecord = Ext.data.Record.create([
{name: 'title'},
{name: 'username', mapping: 'author'},
{name: 'loginTimes', type: 'int'}
]);
var myReader = new Ext.data.XmlReader({
totalRecords: "results",
record: "rows",
id: "id"
}, MyRecord);

上面的myReader 能够解析下面的xml 文档信息：

<topics>
<results>2</results>
<row>
<id>1</id>
<title>测试</ title >
<author>小王</ author >
<loginTimes>3</ loginTimes >
</row>
<row>
<id>2</id>
<title>新年好</ title >
<author> williamraym </ author >
<loginTimes>13</ loginTimes >
</row>
</topics>