激活选项卡面板的第二个选项卡

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

找到选项卡面板的容器。获取容器，你可以使用Ext.getCmp

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

Answer 2

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

还有几个在类级文档中设置活动选项卡的示例。