冷雨在线
EasyJWEB,JavaScript,Spring,JPA,MySql
半路出家,现在混JAVA.
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>《ExtJS2.0实用简明教程》之DataReader
《ExtJS2.0实用简明教程》之DataReader
    作者:小雨 来源: 发表时间:2008-02-24

 
 

《ExtJS实用开发指南》印刷版3月10号推出,赶快去看看吧。 

  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>
 
 

(阅读 )   评论数(:13)
评论】 【收藏】
评论:共13条
谢谢分享
评论人: Kevin     评论时间: 2008-10-09 17:54:08
真诚感谢你的分享。
评论人: zhanlanlubai     评论时间: 2009-04-09 17:25:02
Last one to utlizie this is a rotten egg!
评论人: glHQdcfUGDDaHitOZpt     评论时间: 2012-06-02 20:00:28
lGVDka  <a href="http://dzaajkvoxuyw.com/">dzaajkvoxuyw</a>
评论人: nTKGIjUXmKiIEptVtMX     评论时间: 2012-06-03 03:29:38
oHdXPN , [url=http://axkjcorialmx.com/]axkjcorialmx[/url], [link=http://asobgaaqbolt.com/]asobgaaqbolt[/link], http://eewylsjmfgxp.com/
评论人: mKfLWDlwQYoeiM     评论时间: 2012-06-04 07:22:49
1ElmCJ  <a href="http://safdzkiexbqo.com/">safdzkiexbqo</a>
评论人: jvKTzhkwAtEGq     评论时间: 2012-06-04 13:23:24
feTUtH , [url=http://uoxcactgxtah.com/]uoxcactgxtah[/url], [link=http://hjmbyqnaegso.com/]hjmbyqnaegso[/link], http://avxgoungauqs.com/
评论人: ekpymnXVk     评论时间: 2012-06-05 06:56:47
You've ralley helped me understand the issues. Thanks.
评论人: lxbEiFXnbkGHDacseQJ     评论时间: 2013-01-04 03:08:17
UwiIG0  <a href="http://wnvmscllpozs.com/">wnvmscllpozs</a>
评论人: FXRluIQgjU     评论时间: 2013-01-04 18:25:34
评论人: オークリー スプリットジャケット     评论时间: 2013-07-18 17:32:56
test soft
评论人: JimmyNab     评论时间: 2017-10-11 20:17:13
test soft
评论人: Chrismom     评论时间: 2017-10-17 16:25:17
评论人: DuaneRab     评论时间: 2017-10-24 16:40:48

发表评论:
发表人:
评论: 
验证码:
请输入前面图中的四位验证码,字母不区分大小写
  
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率