激活標籤面板的第二個標籤

Question

我有一個tabpanel，並在第一個標籤上有一個按鈕。當我click在button，我需要setfocus第二個標籤和activate它（如在顯示內容屬於該標籤）。我的代碼如下，我無法setFocus或activate該選項卡從Button click event。

Ext.define('MyApp.view.MyTabPanel', { 
    extend: 'Ext.tab.Panel', 

    height: 250, 
    width: 400, 
    activeTab: 0, 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      items: [{ 
       xtype: 'panel', 
       title: 'Tab 1', 
       items: [{ 
        xtype: 'button', 
        text: 'MyButton', 
        listeners: { 
         click: { 
          fn: me.onButtonClick, 
          scope: me 
         } 
        } 
       }] 
      }, { 
       xtype: 'panel', 
       title: 'Tab 2' 
      }, { 
       xtype: 'panel', 
       title: 'Tab 3' 
      }] 
     }); 

     me.callParent(arguments); 
    }, 

    onButtonClick: function (button, e, options) { 
     // Set Focus, and activate the 2nd tab 
    } 

}); 

Answer 1

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Panel-method-setActiveTab

也有在類級文檔設置活動選項卡的幾個例子。

Answer 2

找到標籤面板的容器。獲取可以使用的容器Ext.getCmp

Ext.getCmp('center-region').setActiveTab('your-tab-name');