listview - Sencha Touch 2 リストビュー、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、リストビューしないみたいで、

ボタンを押したときに別のページに移動したい Tab、助けていただければ幸いです。