单击Sencha Touch 2中的选项卡时更改视图？

Question

是否可以使用tabBar创建视图，并连接标签以显示点击的不同视图？

提前谢谢！

Answer 1

是的，SDK中内置了一个：http://docs.sencha.com/touch/2-0/#!/api/Ext.tab.Panel

您希望切换的视图只是选项卡面板视图的子项：

Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'bottom',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

Answer 2

原来这比我想象的要容易！

items: [
    {
         xtype: 'xtype of the view you want to link to'
    }]