日期:2014-05-16  浏览次数:20681 次

这个为什么不显示 - Web 开发 / Ajax
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();
}