extjs - 2 つの同一のタブを開くとボタンが折りたたまれる

Question

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回押すと2つのタブが開き、開いている2番目のタブで内側のボタン(button2)を押すことができず、タブの1つを閉じようとするとすべてのグリッドが折りたたまれます。

2つの内側のボタンが同じIDを持っているという事実に何か関係があると思います.

ここで画像を見ることができます：