Extjs如何动态更改选项卡内的容器？

Question

是否可以动态更改标签面板中的容器，即替换标签面板中的零项？

例如，如果我具有以下标签面板：

Ext.define('MYAPP..viev.tabs', {
    extend: 'Ext.tab.Panel',
    xtype: 'tabs',
    controller: 'tabscontroller',
    activeTab: 0,
    renderTo: Ext.getBody(),
    items: [{
            xtype: 'container',
            title: 'tab_title',
            id: 'unique_id_1',
            width: '100%',
            height: '100%',
            autoEl: {
                id: 'unique_id_1'
            }
        }
});

然后单击一个按钮，我想用以下内容替换上面tab.panel中的item [0]：

sudo code..

{
    xtype: 'container',
    title: 'different_tab_title',
    id: 'unique_id_2',
    width: '100%',
    height: '100%',
    autoEl: {
        id: 'unique_id_2'
    }
}

如果是，我可以删除旧容器吗？如果我想回到旧容器，可以保留它吗？

最后，如果tab.panel中已经创建了多个标签，该怎么办。我可以将容器更改为特定的标签吗？

例如，如果一个tab.panel已经有4个标签，我可以动态更改标签3的容器（即最后一个标签）吗？

谢谢！