sencha touch ajax加載列表

Question

這是我的代碼 我想通過Jsonp加載一些數據並顯示爲列表項。

Ext.setup({ 
    onReady: function(){ 

     Ext.regModel('Provinces', { 
      fields: [{ 
       name: 'ProvinceID', 
       type: 'int' 
      }, { 
       name: 'ProvinceName', 
       type: 'string' 
      }] 
     }); 

     var store = new Ext.data.Store({ 
      autoLoad: true, 
      model: 'Provinces', 
      fields:['ProvinceName', 'ProvinceID'], 
      proxy: { 
       url: 'http://172.19.44.122/BC/Home/GetProvices', 
       type: 'jsonp' 
      }, 
       autoLoad:true 
     }); 

     new Ext.List({ 
      fullscreen: true, 
      itemSelector: '.province', 
      tpl: '<tpl for="."><div class="province">{ProvinceName} - {ProvinceID}</div></tpl>', 
      store: store 
     }); 
    } 
}); 

的JSONP數據看起來是這樣的：

Ext.data.JsonP.callback1([{"ProvinceID":1,"ProvinceName":"shanghai"},"ProvinceID":2,"ProvinceName":"zhejiang"}]); 

但reslut是頁面只顯示兩個空行。

Answer 1

您應該使用itemTpl財產名單上，而不是第三方物流，這樣的：

new Ext.List({ 
    fullscreen: true,   
    itemTpl: '{ProvinceName} - {ProvinceID}', 
    store: store 
});