《ExtJS2.0实用简明教程》之DataReader

最新推荐文章于 2024-10-12 17:14:32 发布

zhiming_817

最新推荐文章于 2024-10-12 17:14:32 发布

阅读量98

点赞数

分类专栏： extjs 文章标签： EXT json XML

extjs 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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

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