Почему в списке нет элементов в sencha touch 2?

Question

Я очень новичок в Sencha Touch. Я хочу отобразить статический список на экране. Код, который я пробовал, из руководства sencha docs «using list». Однако при компиляции и запуске появляется пустой экран. Нужно ли добавлять список в Viewport? Что мне не хватает? Пожалуйста помоги.

Мой код:

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); 
     }