リストコンポーネントを表示に追加した後のSenchaタッチブランク画面

Question

Sencha Touchのビューにリストコンポーネントを追加しようとしています。私はリストコンポーネントを追加しようとするまで、アプリケーションが正しく動作します。ビューにリストを追加すると、アプリが読み込まれ（スプラッシュ画面が表示されます）、その後、白い画面のみが表示されます。

私はSencha Touch、XCode 4、iOS 5 SDK、PhoneGap 1.3.0を使用しています。

ありがとうございます！

plantanalyzer.views.BuildingList = Ext.extend(Ext.Panel, { 
dockedItems: [{ 
      dock: 'top', 
      html: '<img src="images/logo.jpg"/>' 
     }, 
     { 
     xtype: 'list', 
     itemTpl : '{name}', 
     grouped : true, 
     indexBar: true, 
     store: newStore 

    }] 
}); 

と私のテストデータストアのコード：

は、ここでビューのコードです。私はindex.htmlをの頭の中でこれを持っている：リストが必要なときnewStoreオブジェクトが空であるので、リストがロードされた後

var newStore; 

    function onBodyLoad(){ 
     Ext.regModel('Plants', { 
      fields: ['name', 'efficiency'] 
     }); 

     newStore = new Ext.data.JsonStore({ 
      model : 'Plants', 
      sorters: 'name', 

      getGroupString : function(record) { 
       return record.get('name')[0]; 
      }, 

      data: [ 
       {name: 'Milwaukee', efficiency: .85}, 
       {name: 'New York', efficiency: .65}, 
       {name: 'St Paul',  efficiency: .73}, 
       {name: 'Phoenix',  efficiency: .35}, 
       {name: 'Los Angeles', efficiency: .45}, 
       {name: 'Miami',  efficiency: .75}, 
       {name: 'London',  efficiency: .39}, 
       {name: 'Moscow',  efficiency: .95}, 
       {name: 'Hogwarts', efficiency: .99} 
      ] 
     }); 
    } 

Answer 1

あなたは、すなわち、身体の負荷にお店を作成します。これは本当にそうであるかどうかを確認するには

plantanalyzer.views.BuildingList = Ext.extend(Ext.Panel, { 
dockedItems: [{ 
      dock: 'top', 
      html: '<img src="images/logo.jpg"/>' 
     }, 
     { 
     xtype: 'list', 
     itemTpl : '{name}', 
     grouped : true, 
     indexBar: true, 
     store: newStore 

    }] 
}); 

：右の前に

Ext.regModel('Plants', { 
     fields: ['name', 'efficiency'] 
    }); 

    newStore = new Ext.data.JsonStore({ 
     model : 'Plants', 
     sorters: 'name', 

     getGroupString : function(record) { 
      return record.get('name')[0]; 
     }, 

     data: [ 
      {name: 'Milwaukee', efficiency: .85}, 
      {name: 'New York', efficiency: .65}, 
      {name: 'St Paul',  efficiency: .73}, 
      {name: 'Phoenix',  efficiency: .35}, 
      {name: 'Los Angeles', efficiency: .45}, 
      {name: 'Miami',  efficiency: .75}, 
      {name: 'London',  efficiency: .39}, 
      {name: 'Moscow',  efficiency: .95}, 
      {name: 'Hogwarts', efficiency: .99} 
     ] 
    }); 

： このコードを入れてください。

もう1つの提案は、dockedItemsではなく、パネルの項目にリストを配置することです。 Btw、あなたのコードはうまく構成されていません。 MVCのパターンに従ってください。 これをチェックするhttps://vimeo.com/17705448とこれはhttp://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/です。