6.よく使うReader

19928 ワード

JavaScript データ構造 Json xml ext

  Reader ArrayReader

 proxy            ，       Record        Ext.data. Store  。
ArrayReader                ，       Record。
                  ，         mapping  record          。
ArrayReader      ，         。
                 :

 
   
   var data = [   
       ['id1','name1','descn1'],   
       ['id2','name2','descn2']   
   ];   
  
 
var data = [     ['id1','name1','descn1'],     ['id2','name2','descn2'] ]; 

   ArrayReader        :

 
   
   var reader = new Ext.data.ArrayReader({   
       id:1   
   },[   
       {name:'name',mapping:1},   
       {name:'descn',mapping:2},   
       {name:'id',mapping:0},   
   ]);   
  
 
var reader = new Ext.data.ArrayReader({     id:1 },[     {name:'name',mapping:1},     {name:'descn',mapping:2},     {name:'id',mapping:0}, ]);   Reader JsonReader

 JavaScript ，JSON            ，key:value    XML              ，
      ，           EXT       。
 Json- Reader   JSON          :

 
   
   var data = {   
       id:0,   
       totalProperty:2,   
       successProperty:true,   
       root:[   
           {id:'id1',name:'name1',descn:'descn1'},   
           {id:'id2',name:'name2',descn:'descn2'}   
       ]   
   };   
  
 
var data = {     id:0,     totalProperty:2,     successProperty:true,     root:[         {id:'id1',name:'name1',descn:'descn1'},         {id:'id2',name:'name2',descn:'descn2'}     ] }; 

     ，JSON           ，      totalProperty         。
successProperty      ，                ，            。
    JsonReader       ，   successProperty   false。
       JsonReader，          JSON     ，        :

 
   
   var reader = new Ext.data.JsonReader({   
       successProperty: "successproperty",   
       totalProperty: "totalProperty",   
       root: "root",   
       id: "id"   
   }, [   
       {name:'id',mapping:'id'},   
       {name:'name',mapping:'name'},   
       {name:'descn',mapping:'descn'}   
   ]);   
  
 
var reader = new Ext.data.JsonReader({     successProperty: "successproperty",     totalProperty: "totalProperty",     root: "root",     id: "id" }, [     {name:'id',mapping:'id'},     {name:'name',mapping:'name'},     {name:'descn',mapping:'descn'} ]); 

            ，  name mapping         ，     mapping    ，
    name   JSON        。
     JSON      ，     mapping  。  ，mapping         ，    :


 
   
   var data = {   
       id:0,   
       totalProperty:2,   
       successProperty:true,   
       root:[   
           {id:'id1',name:'name1',descn:'descn1',person:{   
               id:1,name:'man',sex:'male'   
           }},   
           {id:'id2',name:'name2',descn:'descn2',person:{   
               id:2,name:'woman',sex:'female'   
           }}   
       ]   
   };   
   var reader = new Ext.data.JsonReader({   
       successProperty: "successproperty",   
       totalProperty: "totalProperty",   
       root: "root",   
       id: "id"   
   }, [   
       'id','name','descn',   
       {name:'person_name',mapping:'person.name'},   
       {name:'person_sex',mapping:'person.sex'}   
   ]);   
  
 
var data = {     id:0,     totalProperty:2,     successProperty:true,     root:[         {id:'id1',name:'name1',descn:'descn1',person:{             id:1,name:'man',sex:'male'         }},         {id:'id2',name:'name2',descn:'descn2',person:{             id:2,name:'woman',sex:'female'         }}     ] }; var reader = new Ext.data.JsonReader({     successProperty: "successproperty",     totalProperty: "totalProperty",     root: "root",     id: "id" }, [     'id','name','descn',     {name:'person_name',mapping:'person.name'},     {name:'person_sex',mapping:'person.sex'} ]); 

       ，    JSON          ，   person       id、 name sex   。
 JsonReader    mapping              ，     record，        。

  Reader XmlReader

XML            ，XmlReader   XML         :

 
   
   <?xml version="1.0" encoding="utf-8"?>   
   <dataset>   
       <id>1</id>   
       <totalRecords>2</totalRecords>   
       <success>true</success>   
       <record>   
           <id>1</id>   
           <name>name1</name>   
           <descn>descn1</descn>   
       </record>   
       <record>   
           <id>2</id>   
           <name>name2</name>   
           <descn>descn2</descn>   
       </record>   
   </dataset>   
  
 
<?xml version="1.0" encoding="utf-8"?> <dataset>     <id>1</id>     <totalRecords>2</totalRecords>     <success>true</success>     <record>         <id>1</id>         <name>name1</name>         <descn>descn1</descn>     </record>     <record>         <id>2</id>         <name>name2</name>         <descn>descn2</descn>     </record> </dataset> 

      dataset  XML   。          XmlReader    ，          XML  ，
        :


 
   
   var reader = new Ext.data.XmlReader({   
      totalRecords: 'totalRecords',   
      success: 'success'   
      record: 'record',   
      id: "id"   
   }, ['id','name','descn']);   
  
 
var reader = new Ext.data.XmlReader({    totalRecords: 'totalRecords',    success: 'success'    record: 'record',    id: "id" }, ['id','name','descn']); 

XmlReader           JsonReader    ，           totalRecords record    ，
  totalRecords     ’totalRecords’           ，record   XML   record      
            。
      success id    JsonReader        ，                 id。
  XML     reader          ，       ，
 [{name:’id’},{name:’name’},{name:’descn’}]
     [‘id’,’name’,’descn’]。
  XmlReader   JavaScript          XML     ，                。
  localXHR.js   XML   ，           ，     :

 
   
   var data = "<?xml version='1.0' encoding='utf-8'?>" +   
       "<dataset>" +   
           "<id>1</id>" +   
           "<totalRecords>2</totalRecords>" +   
           "<success>true</success>" +   
           "<record>" +   
               "<id>1</id>" +   
               "<name>name1</name>" +   
               "<descn>descn1</descn>" +   
           "</record>" +   
           "<record>" +   
               "<id>2</id>" +   
               "<name>name2</name>" +   
               "<descn>descn2</descn>" +   
           "</record>" +   
       "</dataset>";   
       
   var xdoc;   
       
   if(typeof(DOMParser) == 'undefined'){   
       xdoc = new ActiveXObject("Microsoft.XMLDOM");   
       xdoc.async="false";   
       xdoc.loadXML(data);   
   }else{   
       var domParser = new DOMParser();   
       xdoc = domParser.parseFromString(data, 'application/xml');   
       domParser = null;   
   }   
       
   var proxy = new Ext.data.MemoryProxy(xdoc);   
       
   var reader = new Ext.data.XmlReader({   
       totalRecords: 'totalRecords',   
       success: 'success',   
       record: 'record',   
       id: "id"   
   }, ['id','name','descn']);   
       
   var ds = new Ext.data.Store({   
       proxy: proxy,   
       reader: reader   
   });

異歩はjavascriptの真髄です.