Extjs如何与数据库交互（一）

一般需要添加一组数据，引入一个概念Ext.data.Reader,这里的Reader功能非常单一，只是用来 解析数据的到，EXTJS支持不同的数据格式，也就需要不同的数据解析器。而这个Reader就是承担解析器的作用。

1、数组形式数据解析（特殊的JSON形式数据，因此，ArrayReader是JsonReader的子类）

var _store = new Ext.data.Store({
        data:[["张三" , "男"] , ["丽丝" , "女"]],
        reader:new Ext.data.ArrayReader({
             },Ext.data.Record.create(["name" , "sex"]))
        }) ;

解析器为ArrayReader，分别解析["张三" , "男"] 和["丽丝" , "女"]，将其转换成Ext.data.Record。

 

2、JSON形式数据

var _store = new Ext.data.Store({
         data:[{name:"张三" , sex:"男"} , {name:"丽丝" , sex:"女"}],
         reader:new Ext.data.JsonReader({
              } , Ext.data.Record.create(["name" , "sex"]))
         }) ;
        
   alert(_store.getCount()) ;

JsonReader分别解析{name:"张三" , sex:"男"}和{name:"丽丝" , sex:"女"}，将这些数据解析成Ext.data.Record类型数据

 

3、XML形式数据

这里的有个地方比较麻烦，首先，我们必须得构建一个ＸＭＬDocument，这样才能形成ＸＭＬ数据，我们这里所讲的是ＡＳＰServer的ＸＭＬ组织形式

var _xml = new XML("<table><row><name>张三</name><sex> 男</sex></row><row><name>丽丝< /name><sex>女</sex></row></table>") ;

这样，就是构建一个ＸＭＬ对象，通过_xml.getValue（）得到xmldocument原型

再者，我们还有需要引入一个新型概念——数据代理Ext.data.DataProxy,数据代理的作用就是通过一定的方式来获得数据，目前 ＥＸＴＪＳ提供三种方式获得数据：内存传入、ＨＴＴＰ传入、跨域传入。我这里所讲是内存传入Ext.data.MemoryProxy

var _store = new Ext.data.Store({
        proxy:new Ext.data.MemoryProxy(_xml.getValue()) ,
        reader:new Ext.data.XmlReader({
              record:"row"
             },Ext.data.Record.create(["name" , "sex"]))
        }) ;
        
   _store.on("load" , function(_store){
         
         alert(_store.getAt(0).getCount()) ;
         
          }) ;
        
   _store.load() ;

 

XML文件：

 

function XML(str){
if(window.DOMParser)//firefox内核的浏览器
{
var p = new DOMParser();
return p.parseFromString( str, "text/xml" );
}
else if( window.ActiveXObject )//ie内核的浏览器
{
var doc = new ActiveXObject( "Msxml2.DOMDocument" );
doc.loadXML(str);
//return doc;
return doc;
}
else
return false;
}