将网格动态添加到tabpanel中的特定选项卡

Question

如何动态地将网格添加到tabpanel中的特定选项卡？ 我的tabPanel：

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();

我只删除特定标签并将新标签插入其位置，并将新标签的标题更改为之前删除的标签并设置有效的新标签页！