我在面板中创建了两个按钮：

{
        xtype: 'button',
        width: 196,
        height: 29,
        hidden: false,
        text: "button1",
        glyph: 'ab123@FontAwesome',
        handler: 'onClick1',
        reference: 'button1Click',
        cls: 'buttons1Cls'
    }, {
        xtype: 'button',
        width: 196,
        height: 29,
        hidden: false,
        text: "button2",
        glyph: 'ab123@FontAwesome',
        handler: 'onClick2',
        reference: 'button2Ref',
        cls: 'buttons2Cls'
    }

每个绑定的like都显示为不同的处理程序，显示不同的视图，如下所示：

onClick1: function () {
                    Ext.create('Mine.view.BaseWindow1', {
                        title: "panel1",
                        items: {
                            xtype: 'view1'
                        }
                    }).show();
}

还有

onClick2: function () {
                    Ext.create('Mine.view.BaseWindow2', {
                        title: "panel2",
                        items: {
                            xtype: 'view2'
                        }
                    }).show();
}

我的问题是如何使panel1和panel2独占显示：
1.如果一个面板打开，用户单击第二个按钮，则第一个面板首先关闭，然后第二个面板打开（切换面板）
1.一个面板打开一次（即使双击同一按钮）
我想要的不是一个卡片布局的解决方案，而是一个解决方案，我可以打开居中的窗口单独的按钮点击。