Сенча Touch 2 ListView, TabPanel ошибка размещения

Question

Мой код заключается в следующем:

RNM.Communication = function() { 
var listView = new Ext.List({ 
    itemTpl: '(title)', 
    data: [ 
     { title: 'Item 1' }, 
     {title:'Item 2'}, 
    ] 
}); 

var tabBar = new Ext.TabPanel({ 
     items: [ 
      { 
       title:'Notification' 
      }, 
      { 
       title:'Report' 
      }, 

     ] 
}); 


var communicationPanel = new Ext.Panel({ 

    title: 'Panel', 
    id: 'commPanelHandler', 
    items: [listView,tabBar] 
}); 
this.getComponent = function() { 

    return communicationPanel; 
} 
} 

Но, кажется, tabBar, кажется, не ListView,

Я хочу пойти на разные страницы при нажатии кнопки Tab, я был бы признателен, если вы сможете помочь.

Answer 1

Я решил проблему

var listView = new Ext.List({ 
    itemTpl: '(title)', 
    flex:1, 
    data: [ 
     { title: 'Item 1' }, 
     {title:'Item 2'}, 
    ] 
});