Ext.data-DataReader/ArrayReader/JsonReader/XmlReader

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格式資料塊

使用示例:

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

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

   "<id>2</id>",

   "<name>Ben</name>",

   "<occupation>Horticulturalist</occupation>",

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