访问Ext.data.store的数据

 这两天查阅了N多资料,看了很多的论坛,打算解决如何从store里面读取数据的问题,一开始我可以从Json中返回的store里面读取数据,但是在如何使用xml就不可以.而我要的恰恰是如何从xml里面读取数据,所以一直在寻找这样类似的方法,我们可以从它的api里面看到store.getAt(0)这样的方法,但是如果我们直接这么使用的话,就会出现一个错误,提示getAt函数所包含的数据为空,那么我们跟踪js的时候也无法得到具体的数据.这里是使用firefox来跟踪js的执行过程的,非常好用,建议大家也使用.对于Ext来说,可能它的文档就是一个给非常熟悉Ext的人员使用的参考,而对于初学者而言,参考价值不大,而且有的时候还容易误导,所以我们学习Ext的时候一直处于磕磕绊绊的状态.或者这也是人家将来要收费的原因吧,毕竟是开源的东西,而且Ext的文档提示的属性和方法是没有错误的.

今天无意中在Ext的论坛里面发现了一个和我同样问题的帖子,最后他解决了问题,我也顺便解决了.但是他没有把他的代码粘贴出来,所以我现在把我的代码粘贴出来供参考.

这是Xml文档

 

<?xml version="1.0" encoding="utf-8" ?>
<Items>
  <item input="Connect.Host" value="value.Connect.Host" />
  <item input="Connect.DB" value="value.Connect.DB" />
  <item input="Connect.User" value="value.Connect.User" />
  <item input="Connect.Password" value="value.Connect.Password" />
</Items>

 

下面是js代码:

 

        var ds = new Ext.data.Store({
          proxy: new Ext.data.HttpProxy({url: 'test1.xml', method: 'GET'}),
          reader: new Ext.data.XmlReader(
             // records will have an "Item" tag
             {record: 'item'},
             [
                // set up the fields mapping into the xml doc to extract *attributes*
                {name: 'value', mapping: '@value'},
                {name: 'input', mapping: '@input'}
          ])
        });
 ds.on('load',AJAX_Loaded, this, true);//这里需要注意
 ds.load();
 
 function AJAX_Loaded(){
     alert(ds.getCount());
     for (var i = 0; i < ds.getCount(); i++) {
        var rec = ds.getAt(i);
        alert("value = '" + rec.get("value"));
        alert("input = '" + rec.get("input"));
        }
    }

 

需要注意的是,我们获得数据是通过load事件来实现的,这是很多人错误的地方,也就是说,如果我们不通过事件还是无法获得数据.