ExtSJ 3.3.1 grouptabpanelハウツー変更タブ

Question

I持って、次のタブ定義：

var viewport = new Ext.Viewport({ 
      layout:'fit', 
      items:{ 
       xtype: 'grouptabpanel', 
       tabWidth: 150, 
       id: 'tabPanel', 
       activeGroup: undefined, 
       items: [aItems1] 
      } 
      }); 

aItems1は、例えば、配列の配列です

：

aItems1[0] = { 
      activeTab:1, 
      items: [ 
      { 
       title: 'foo', 
       tabTip: 'foo' 
       },{ 
       id:'main-foo1', 
       title: 'foo1', 
       tabTip: 'foo1', 
       iconCls: 'x-icon-page', 
       style: 'padding: 10px;', 
       layout:'fit', 
       items: [new Inp.Demands()] 
       }, 
      { 
       id:'main-foo2', 
       title: 'foo2', 
       tabTip: 'foo2', 
       iconCls: 'x-icon-exit' 
       }] 
      }; 

そして、私は、タブを有効にする必要があります "メインfoo2 '。

var tabPanel = Ext.getCmp('tabPanel'); 
tabPanel.setActiveTab('main-foo2'); 

しかし、このコードは変更されませんでした。

tabPanel.setActiveTab（NUMBER）を使用してアクティブなグループを変更できますが、正確なタブを開くにはどうすればよいですか？

Answer 1

この実装のように見えますが、実際には2つのTabPanelsを使用しています（実際はありません）。したがって、アクティブなタブを設定するには、グループにはsetActiveGroupとsetActiveTabが必要です。

ので開きたいタブのexactTabId与えられ、このような何かがうまくいくかもしれない：

var tab = Ext.getCmp(exactTabId); 
var tabGroup = tab.ownerCt; 
var groupingPanel = tabGroup.ownerCt; 

groupingPanel.setActiveGroup(tabGroup); 
tabGroup.setActiveTab(tab); 

私がコールする利用可能な方法のガイドとしてGroupTabPanelとGroupTabを使用していました。

Answer 2

aItems1[0] = { 
      activeGroup:1, //This property is used to activate a specific item 
      items: [ 
        { 
        title: 'foo', 
        tabTip: 'foo' 
       },{ 
        id:'main-foo1', 
        title: 'foo1', 
        tabTip: 'foo1', 
        iconCls: 'x-icon-page', 
        style: 'padding: 10px;', 
        layout:'fit', 
        items: [new Inp.Demands()] 
       },{ 
        id:'main-foo2', 
        title: 'foo2', 
        tabTip: 'foo2', 
        iconCls: 'x-icon-exit' 
      }] 
};