Extjs 打开两个相同的选项卡时，按钮会折叠

我有一个叫做PrefixSearch的按钮。现在，当我按下此按钮时，会打开一个新选项卡，在该选项卡中还有另一个按钮：

onBtnPrefixSearchClick: function(button, e, options) {
    var newTab = Ext.create('Ext.panel.Panel', {
        title: 'Price Usage Report',
        autoScroll: true,
        layout: {
            type: 'fit'
        },
        closable: true,
        dockedItems: [
            {
                xtype: 'toolbar',
                dock: 'top',
                items: [
                    {
                        xtype: 'button',
                        id: 'buttonBiding',
                        icon: 'images/dollar16x16.png',
                        text: 'button2',
                        listeners: {
                            click: {
                                fn: me.onBtnAddToBidClick,
                                scope: me
                            }
                        }
                    }
                ]
            }
        ]});
}

我的问题是，如果我按一下PrefixSearch按钮，它会打开两个选项卡，而在打开的第二个选项卡中，我无法按内部按钮（按钮2），而且当我尝试关闭其中一个选项卡时，所有网格都会折叠

我想这可能与两个内部按钮的id相同有关

您可以在此处看到图像：

---

您可能是对的，因此不要为多个组件提供相同的id。Ext和W3C都禁止它（考虑到您的id最终将成为实际DOM元素的id）。改用。灵活@里克索，事情就是这样。