2

次のタブ定義があります。

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'
        }
    ]
};

そして、activateタブする必要がありますmain-foo2

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

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

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

4

2 に答える 2

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);

私はGroupTabPanelGroupTabを呼び出し可能なメソッドのガイドとして使用していました。

于 2012-04-29T03:12:23.767 に答える
-3
aItems1[0] = {
            activeGroup:1, //このプロパティは、特定のアイテムをアクティブ化するために使用されます
            項目: [
                    {
                     タイトル: 'フー',
                     tabTip: 'フー'
                },{
                     id:'main-foo1',
                     タイトル: 'foo1',
                     tabTip: 'foo1',
                     iconCls: 'x-アイコン-ページ',
                     スタイル: 'パディング: 10px;',
                     レイアウト:'フィット',
                     項目: [新しい Inp.Demands()]
                },{
                     id:'main-foo2',
                     タイトル: 'foo2',
                     tabTip: 'foo2',
                     iconCls: 'x-icon-exit'
            }]
};
于 2012-11-28T16:31:50.167 に答える