Question

我有一个这样的标签面板

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
}

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

Answer 1

您不能动态更改视图类型。

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

假设视图：

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现代

1 个答案: