Javascript 更改xclass视图extjs 6.2.1现代版

我有一个这样的选项卡面板

Ext.application({
    name : 'Fiddle',

    launch : function() {

    Ext.create('Ext.TabPanel', {
    items: [
        {
            title: 'First Tab',
            id: 'firstTab'
            xclass: 'viewClass'

        },
        {
            title: 'Second Tab',
            xclass: ''
        }
    ]});}});

在xclass组件中，有一个类的路径，在该路径中定义了视图。在视图中应该是一个按钮，点击它后，视图应该刷新并显示另一个类，例如，视图应该由“viewClass2”定义，而不再由“viewClass”定义 我正在想象一个按钮点击触发的功能，如下所示：

function(): {
    Ext.getCmp('firstTab').xclass = 'viewClass2';
    this.getView().refresh() // but it doesen't exist
}

如何更改视图

无法动态更改视图类型

您只能删除该视图并添加其他视图

假设视图：

Ext.application({
    name : 'Fiddle',

    launch : function() {

        Ext.create('Ext.TabPanel', {
            id: 'tabId',
            items: [
                {
                    title: 'First Tab',
                    id: 'firstTab'
                    xclass: 'viewClass'
                }
            ]
        });
    }
});

某个按钮的功能应为：

a = function() {
    Ext.getCmp('tabId').remove(Ext.getCmp('firstTab'));
    Ext.getCmp('tabId').add({'xclass':'viewClass2'})
}

无法动态更改视图类型

您只能删除该视图并添加其他视图

假设视图：

Ext.application({
    name : 'Fiddle',

    launch : function() {

        Ext.create('Ext.TabPanel', {
            id: 'tabId',
            items: [
                {
                    title: 'First Tab',
                    id: 'firstTab'
                    xclass: 'viewClass'
                }
            ]
        });
    }
});

某个按钮的功能应为：

a = function() {
    Ext.getCmp('tabId').remove(Ext.getCmp('firstTab'));
    Ext.getCmp('tabId').add({'xclass':'viewClass2'})
}

---

此外，您是否仅通过更改第一个选项卡来绕过选项卡面板提供的功能？而不是将选项卡更改为第二个选项卡/xclass？绕过哪一个功能？更改选项卡中的组件，而不是切换选项卡。您的问题是更改视图xtype，这是不可能的。是的，您可以将可见性切换到“其他”选项卡并隐藏“上一页”（不显示在标题中）。上一个选项卡仍将位于DOM中。此外，您是否仅通过更改第一个选项卡来绕过选项卡面板提供的功能？而不是将选项卡更改为第二个选项卡/xclass？绕过哪一个功能？更改选项卡中的组件，而不是切换选项卡。您的问题是更改视图xtype，这是不可能的。是的，您可以将可见性切换到“其他”选项卡并隐藏“上一页”（不显示在标题中）。上一个选项卡仍将位于DOM中。