当前位置: 代码迷 >> JavaScript >> [转载]EXT核心API详解Ext.data(10)-DataReader/ArrayReader/JsonReader/XmlReader javascript
  详细解决方案

[转载]EXT核心API详解Ext.data(10)-DataReader/ArrayReader/JsonReader/XmlReader javascript

热度:561   发布时间:2012-11-01 11:11:33.0
[转载]EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
Ext.data.DataReader

纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,

具有如下格式

{

totalRecord:int,

records:Array of Ext.data.Record

}

具体使用参见三个子类

Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.XmlReader

方法

DataReader( Object meta, Object recordType )

构造

Ext.data.ArrayReader

用于读数组到一个元数据对象

ArrayReader( Object meta, Object recordType )

构造,第一个参数是配置除了可以指示使用哪个字段做id外,不懂其它的用法,

第二个参数是recordType与record对象的create方法的参数一样,是一样config对象数组,具体参见

readRecords( Object o ) : Object

读取o,返回一个元数据对象

用例示范:

//定义数组

var arr=[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ];

var reader = new Ext.data.ArrayReader(

//以第一个元素做为recordid

   {id: 0},

//定义数组到record的映射关系

   [

    {name: 'name', mapping: 1},        

    {name: 'occupation', mapping: 2}   

   ]

);

//生成元数据

var data=reader.readRecords(arr);

Ext.data.JsonReader

用于将一个json对象转换为元数据对象

JsonReader( Object meta, Object recordType )

JsonReader的构造参数meta可以有更多选择,

{

id : String,

root : String,

successProperty : String,

totalProperty : String

}

都是对应json对象的属性名

read( Object response ) : Object

从一个response对象返回,response.responseText属性应仅含有一个json格式数据块

readRecords( Object o ) : Object

读取o,返回一个元数据对象

使用示例:

     var json={ 'results': 2, 'rows': [

    { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },

    { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]

};

    var reader=new Ext.data.JsonReader(

        {

        totalProperty: "results",//totalRecords属性由json.results得到

        root: "rows",            //构造元数据的数组由json.rows得到

        id: "id"                //id由json.id得到

        },[

        {name: 'name', mapping: 'name'},

        {name: 'occupation'}            //如果name与mapping同名,可以省略mapping

        ]

    )

    var data=reader.readRecords(json);

Ext.data.XmlReader

xmlreader对象当然是为xml而准备的

构造:

XmlReader( Object meta, Mixed recordType )

meta与jsonreader类似,

meta是一个{

    id : String,

    record : String,

    success : String,

    totalRecords : String

}对象,只是这些字符串都是相对于文档根目录的domquery路径

read( Object response ) : Object

readRecords( Object doc ) : Object

....

var str=["<?xml version=\"1.0\" encoding=\"utf-8\" ?>",

    "<dataset>",

"<results>2</results>",

"<row>",

   "<id>1</id>",

   "<name>Bill</name>",

   "<occupation>Gardener</occupation>",

"</row>",

"<row>",

   "<id>2</id>",

   "<name>Ben</name>",

   "<occupation>Horticulturalist</occupation>",

"</row>",

"</dataset>"].join("");

//生成xmldocument对象

var xmlDocument;

if(Ext.isIE){

    xmlDocument = new ActiveXObject("Msxml2.FreeThreadedDOMDocument")

    xmlDocument.async=false;

    xmlDocument.resolveExternals = false;

    xmlDocument.loadXML(str)

}

else{

   xmlDocument = (new DOMParser()).parseFromString(str, "text/xml");

}

//然后开始...和其它两个reader一样的用法,只是这儿换了一种写法,recordtype也可以是一个record对象

var record = Ext.data.Record.create([

   {name: 'name', mapping: 'name'},     // "mapping" property not needed if it's the same as "name"

   {name: 'occupation'}                 // This field will use "occupation" as the mapping.

])

var reader = new Ext.data.XmlReader({

   totalRecords: "results",

   record: "row",           //row是节点选择器

   id: "id"                

}, record);

var data=reader.readRecords(xmlDocument);
  相关解决方案