javascript - ExtJS 3.4 : Render buttons in hidden tabpanel

Question

在 ExtJs 3.4 中，我有一个带有两个选项卡的 TabPanel，第二个选项卡包含一个 FormPanel，其中包含一个 ButtonGroup。如果第二个选项卡处于事件状态，当我加载页面时，一切都很好，但是当第一个选项卡处于事件状态并且我切换到第二个选项卡时，按钮组中没有按钮，只有标签。这是代码:

var tabs = new Ext.TabPanel({
    renderTo: 'tabs',
    width:500,
    forceLayout: true,
    activeTab: 0,
    deferredRender: false,
    defaults:{autoHeight: true},
    items:[
        {contentEl:'tab1', title: 'Tab1'},
        {contentEl:'tab2', title: 'Tab2'}
    ]
});

var form = new Ext.form.FormPanel({
    width   : 400,
    autoHeight: true,
    renderTo: 'form',
    bodyStyle: 'padding: 5px',
    items: [
        {
            xtype: 'buttongroup',
            fieldLabel: 'Label',
            items: 
            [
                {
                    xtype: 'button',
                    text: 'Find By User',
                    width: 100,
                    scope: this,
                    handler: this.handleFind
                },
                {
                    xtype: 'button',
                    text: 'Find All',
                    width: 100,
                    scope: this,
                    handler: this.handleFindAll
                }
            ]
        }
    ]
});

我设置了 deferredRender: false 和 forceLayout: true，还尝试了 hideMode: 'offsets'，但这些没有帮助.

Answer 1

嗯，我将 hideMode: 'offsets' 添加到 TabPanel 的 defaults 中，效果很好。几年前我也做了同样的事情，但没有取得显着的结果。