如何在Sencha Ext JS的页面/面板中显示两个选项卡？

Question

如何在Sencha移动应用程序中的页面/面板中显示两个选项卡，其中一个应该是活动默认值？

Answer 1

您需要提供更多细节，以便我们准确了解您的需求。

从这里开始的是来自{strong> ExtJS 6.2.0 modern tabpanel的示例。

CODE SNIPPET

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

    defaults: {
        styleHtmlContent: true
    },

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

主面板将首先显示为默认值。注意，如果没有定义xtype，它将默认为面板。