tabpanel中放了两个formpanel,但formpanel中的文本框之类的元素却不显示,
在firefox中点击一下firebug后元素就显示出来了,怎么回事呢?
下面是js代码
- JScript code
Ext.onReady(function(){ var form1 = new Ext.FormPanel({ title:'form1', name:'form1', width:700, height:300, frame:true, labelWidth:30, items:[{ xtype:'textarea', fieldLabel:'text', width:700, height:100 }] }); var form2 = new Ext.FormPanel({ title:'form2', name:'form2', height:300, width:700, frame:true, items:[{ xtype:'panel', layout:'column', border:false, items:[{ columnWidth:.3, layout:'form', border:false, labelWidth:55, laberAlign:'right', items:[{ fieldLabel : '日期', width: 120, xtype : 'datefield', readOnly : true }] },{ columnWidth:.3, layout:'form', border:false, labelWidth:55, laberAlign:'right', items:[{ fieldLabel : '日期', width: 120, xtype : 'datefield', readOnly : true }] }] }] }); var tab = new Ext.TabPanel({ title:'tab', height:300, width:700, activeTab:1, el:'tab', frame : true, region: 'center', items:[form1,form2] }); tab.render(); });
------解决方案--------------------
在tabpanel里增加监听 如下
listeners : {
'tabchange' : function(_panel) {
panel.doLayout();
}