Question

extjs 有两个Panel，每个Panel下面有一个west部分，一个center部分，然后将它们放在viewport中，

用火狐打开后显示正常，如图

可是窗口一变化，另一个Panel（tab2）的west部分就看不到了。如图：

而IE是正常的。
脚本代码如下：
<script type="text/javascript">
Ext.onReady(function() {

var tabpanel_1= new Ext.Panel({
layout:"border",
title:'tab1',
items:[{
region:'west',title:'bbbb',width:100,split:true
},
{
region:'center',title:'aaaa'
}]
});

var tabpanel_2 = new Ext.Panel({
layout:"border",
title:'tab2',
items:[{
region:'west',title:'bbbb',width:100,split:true
},
{
region:'center',title:'aaaa'
}]
});
var viewport = new Ext.Viewport({
layout : 'fit',
items : [
new Ext.TabPanel({
activeTab: 1,
border: true,
items: [tabpanel_1,tabpanel_2]
})
]
});
});
</script>
请问怎样修改，使火狐运行正常





Answer 1

给viewport加一个doLayout()方法,

viewport .doLayout();

追问

monitorResize:false
已经解决，谢谢亲