如何将多个 i 项目带入同一个选项卡选项卡面板中

Question

How to bring multiple i item inside the same tab tabpanel.

I have a tabPanel where in first tab I am have button. While clicking on the button of tab1 i want to display panel3 instead of panel. Is any work around for that.

Ext.create('Ext.tab.Panel', {
    width : 200,
    height : 200,
    renderTo : Ext.getBody(),
    items : [{
        title : 'tab1',
        items : [{
            xtype :"panel",
            itemId : "panel1"
        },{
            xtype : "button"
        }]
    }, {
        title : 'tab2',
        items : [{
            xtype :"panel",
            itemId : "panel2"
        }]
    }]
});

//

{
    xtype :"panel",
    itemId : "panel3"
}

Is there any help while clicking on button i can load new component called "panel3"

Answer 1

You can use card if you planning change between panel3 and tabpanel with the ability to switch back

var tab = Ext.create('Ext.tab.Panel', {
            width: 200,
            height: 200,
            items: [{
                title: 'tab1',
                items: [{
                    xtype: "panel",
                    itemId: "panel1"
                }, {
                    xtype: "butt
                    on",
                    text: 'change panel',
                    handler: function () {
                        mainPanel.getLayout().next()
                        // mainPanel.remove(tab);
                        // mainPannel.add(panel);
                    }
                }]
            }, {
                title: 'tab2',
                items: [{
                    xtype: "panel",
                    itemId: "panel2"
                }]
            }]
        });

        //

        var panel = Ext.widget({
            xtype: "panel",
            itemId: "panel3",
            html: 'Hi, I`m panel3'
        })

        var mainPanel = Ext.widget({
            layout: 'card',
            xtype: 'panel',
            renderTo: Ext.getBody(),
            items: [tab, panel]
        })

fiddle

Or you can just remove tabpanel and add panel