选项卡在 ExtJS 中无法切换

Question

我正在运行ExtJS 4.1，并有一个标签打开器定义如下:

var tabs =   (typeof tabs != 'undefined') ? tabs : this.getMainTabs();
tabs = (typeof tabs == 'string') ? Ext.getCmp(tabs) : tabs;
var have_record = (typeof record != 'undefined' && record != '');
var id = have_record ? record.id : 'new';
var tab_id = 'tab-' + xtypeString + '-' + id;
var checkTab=Ext.getCmp(tab_id);
if(checkTab){
    tabs.setActiveTab(checkTab);
} else {
    var default_params = {xtype: xtypeString, closable : true, id : tab_id};
    var override_params = (typeof params != 'undefined') ? params : {};
    params = Ext.merge(default_params, override_params);
    var checkTab = tabs.add(params);
    tabs.setActiveTab(checkTab);
    (have_record) ? checkTab.setRecord(record) : checkTab.setRecord();
}
return checkTab;

我们创建了一个初始选项卡(tab-a)，然后回到主屏幕创建第二个选项卡(tab-b)。当我点击tab-a时，什么也没发生。当我回到主屏幕然后点击tab-a它会打开tab-b

有人知道为什么会发生这种情况吗?如果你需要更多的资料，请告诉我。我在下面做的似乎是不言自明的，但这可能是因为我一直在盯着这个)

这里是我们创建的xtype的选项卡

{
   xtype: 'tabpanel',
   region: 'center',
   id: 'searchtabs',
   itemId: 'searchtabs',
   listeners: {
       tabchange: {
           fn: me.onSearchtabsTabChange,
           scope: me
       }
    }
 }

Answer 1

您的xtype定义可能有问题，您设置的是id还是itemId ?

还要注意，使用相同的id创建多个组件可能会在以后导致许多麻烦。如果您正在创建一个组件的多个实例，请确保在创建时分配不同的id -不要在xtype定义中给出一个。