爲什麼列表中顯示sencha touch 2中沒有元素？

Question

我非常喜歡Sencha Touch。我想在屏幕上顯示一個靜態列表。我嘗試的代碼來自sencha docs guide'使用列表'。但是，編譯並運行時出現空白屏幕。我必須將列表添加到視口嗎？我錯過了什麼？請幫忙。

我的代碼是：

Ext.application({ 
      launch: function() { 
       Ext.create('Ext.List', { 
        store: { 
         fields: ['name'], 
         data: [ 
          { name: 'A' }, 
          { name: 'B' }, 
          { name: 'C' }, 
          { name: 'D' } 
         ] 
        }, 
        itemTpl: '{name}' 
       }); 
      } 
     }); 

Answer 1

可能是這樣一個幫你

Ext.create('Ext.List', { 
     fullscreen: true, 
     itemTpl: '{title}', 
     data: [ 
      { title: 'Item 1' }, 
      { title: 'Item 2' }, 
      { title: 'Item 3' }, 
      { title: 'Item 4' } 
     ] 
    }); 

Answer 2

對不起！我的錯。我做了一點工作。 我只是這樣做：

launch: function() { 
var list = Ext.Create('Ext.List',{.. 
           ..... 
           ..... 
      itemTpl = '{name}' 
      }); 

     Ext.Viewport.add(list); 
     }