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