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

Question

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

Answer 1

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

从这里开始是 ExtJS 6.2.0 现代 for tabpanel 的示例。

代码片段

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，它将默认为面板。