sencha-touch - 在 Sencha Touch 2 中单击选项卡时更改视图？

Question

是否可以有一个带有 tabBar 的视图，并连接选项卡以在点击时显示不同的视图？

提前谢谢！

Answer 1

事实证明这比我想象的要容易！

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

Answer 2

是的，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'
        }
    ]
});