1

ExtJs 3.4 では、2 つのタブを持つ TabPanel があり、2 番目のタブには FormPanel が含まれており、これには ButtonGroup が含まれています。2 番目のタブがアクティブな場合、ページをロードするとすべて問題ありませんが、最初のタブがアクティブで 2 番目のタブに切り替えると、ボタン グループにボタンがなく、ラベルだけが表示されます。コードは次のとおりです。

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'が、これらは役に立ちませんでした。

4

2 に答える 2

0

を に追加するhideMode: 'offsets'と、defaults正常TabPanelに動作します。私は数年前に同じことをしましたが、大きな結果はありませんでした。

于 2013-07-20T14:25:34.263 に答える