更改 xclass 视图 extjs 6.2.1 现代

Question

我有一个像这样的标签面板

Ext.application({
    name : 'Fiddle',

    launch : function() {

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

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

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

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

我该怎么做才能改变视图？

Answer 1

You can't dynamically change view type.

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

假设视图：

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 视图 extjs 6.2.1 现代

Change xclass view extjs 6.2.1 modern

javascript

extjs

extjs6-modern

extjs6.2