无法使用Sencha将数据从XML加载到列表中

Question

I am unable to load the below xml in to List using Sencha. 

<?xml version="1.0" encoding="UTF-8"?> 
<bdayevents> 
<bdayevent>Acceptance Letters</bdayevent> 
<bdayevent>Acceptance Letters</bdayevent> 
</bdayevents> 

This is the model which i am trying to use as there are no attributes to my XML. 

Ext.regModel('BEvent',{name:'bdayevent'}); 
var store = new Ext.data.Store({ model: 'BEvent', 
proxy: { 
type: 'ajax', 
url: 'http://localhost:8080/JSON/BirthdayInvitations.xml', 
reader: { 
type : 'xml', 
root : 'bdayevents', 
model : 'BEvent', 
record : 'bdayevent' 
} 
} 


}); 

这是我准备调用期间的列表。

var list = new Ext.List({ 
    fullscreen: true, 
    onItemDisclosure: { 
       scope: 'test', 
       //handler: makeJSONPRequest 


      }, 
    itemTpl : '{event}', 
    grouped : true, 
    indexBar: true, 
    store: store, 
    modal:true 
    }); 
list.show(); 

    } 


}); 

上述代码片段的结果是索引显示a到z的空白页面。

请帮我解决这个问题。

感谢， 希亚姆

Answer 1

试试这个

Ext.regModel('BEvent', { 
     fields: ['bdayevent'] 
    }); 
    var store = new Ext.data.Store({ 
     model: 'BEvent', 
     method:'get', 
     proxy: { 
      type: 'ajax', 
      url : 'BirthdayInvitations.xml', 
      //url: 'test1.xml', 
      reader: { 
       type : 'xml', 
       record: 'bdayevents' 
      } 
     }, 
     autoLoad: true 
    }); 
    var XMLTpl = new Ext.XTemplate(
     '<tpl for=".">', 
      '<div>{bdayevent}', 
     '</tpl>' 
    ); 
    var list = Ext.create('Ext.List', { 
     fullscreen: true, 
     store: store, 
     onItemDisclosure: {}, 
     itemTpl: XMLTpl 
    });