Javascript 将网格动态添加到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！中的网格选项卡！。我可以用

tabs.getComponent（0）

获取网格选项卡，但我不知道如何向其中添加网格

---

在我的应用程序中，我有一个按钮，当用户单击它时，我会在tabPanel中将网格添加到网格选项卡。

要将网格作为内容添加到特定选项卡，我会这样做！：

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

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