listview - Sencha 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'},
    ]
});