返回教程连载目录 　

DataReader表示数据读取器，也就是数据解析器，其负责把从服务器或者内存数组、xml文档中获得的杂乱信息转换成ExtJS中的记录集Record数据对象，并存储到Store里面的记录集数组中。
数据解析器的基类由Ext.data.DataReader定义，其它具体的数据解析器都是该类的子类，ExtJS中提供了读取二维数组、JSon数据及Xml文档的三种数据解析器，分别用于把内存中的二级数组、JSON格式的数据及XML文档信息解析成记录集。下面简单的介绍：
　　1）ArrayReader
Ext.data.ArrayReader－数组解析器，用于读取二维数组中的信息，并转换成记录集Record对象。首先看下面的代码：

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);

这里定义的myReader可以读取下面的二维数组：

[ [1, '测试', '小王',3], [2, '新年好', 'williamraym',13] ]

2）JsonReader
Ext.data.JsonReader－Json数据解析器，用于读取JSON格式的数据信息，并转换成记录集Record对象。看下面使用JsonReader的代码：

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数据：

{ 'results': 2, 'rows': [
    ...{ id: 1, title: '测试', author: '小王', loginTimes: 3 },
    ...{ id: 2, title: 'Ben', author: 'williamraym', loginTimes:13} ]
}

JSonReader还有比较特殊的用法，就是可以把Store中记录集的配置信息存放直接保存在从服务器端返回的JSON数据中，比如下面的例子：

var myReader = new Ext.data.JsonReader();

这一个不带任何参数的myReader，可以处理从服务器端返回的下面JSON数据：

{
  '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}]
}

3）XmlReader
Ext.data.XmlReader－XML文档数据解析器，用于把XML文档数据转换成记录集Record对象。看下面的代码：

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文档信息：