javascript - 将网格动态添加到选项卡面板中的特定选项卡

Question

如何将网格动态添加到选项卡面板中的特定选项卡？
我的标签面板：

var tabs = Ext.create('Ext.tab.Panel', {
            region: 'center', // a center region is ALWAYS required for border layout
            deferredRender: false,
            activeTab: 0,     // first tab initially active
            items: [{
                title: 'grid',
                autoScroll: true
            }, {
                title: 'Center Panel',
                autoScroll: true
            }]
        });

我想将网格动态添加到选项卡中的网格选项卡！。我可以使用网格选项卡，tabs.getComponent(0)但我不知道如何向它添加网格！
在我的应用程序中，我有一个按钮，当用户单击它时，我将网格添加到 tabPanel 中的网格选项卡。

Answer 1

为了将 Grid 作为内容添加到特定选项卡，我做了这个技巧！：

tabs.remove(tabs.getComponent(0));
    tabs.insert(0,grid);
    tabs.getComponent(0).setTitle("grid");
    tabs.setActiveTab(0);
    tabs.doLayout();

我只删除特定选项卡并将新选项卡插入其位置并将新选项卡的标题更改为先前删除的选项卡并设置活动的新选项卡！