在视口中动态添加/隐藏tabpanel

Question

单击菜单项时执行此代码：

var objectTabPanel = Ext.create('App.view.ObjectTabPanel');
var tab = Ext.getCmp('mainTabPanel').add(objectTabPanel);

但是，如果再次单击该菜单项，将再次创建选项卡面板。 如何创造条件？如果创建并打开了tabpanel，则切换到它。如果未创建tabpanel且未打开，则创建并切换到它。

我想要的行为，例如SublimeText：

Answer 1

您可以使用Ext.getCmp('componentID').show()：

...
onObjectsClick: function(item, e, eOpts) {
    if(!Ext.getCmp('objectsPanel')) {
        var objectsPanel = Ext.create('AMS.view.ObjectsPanel');
        Ext.getCmp('mainTabPanel').add(objectsPanel);
    }

    Ext.getCmp('objectsPanel').show();
},
...