Extjs2布局及tabpanel问题

Question

我用的ext2 在第一个页面实现点击左边树节点增加TabPanel的效果，TabPanel中是iframe，iframe里调用另外一个含有iframe的页面，在点击时，iframe的页面可以正常显示，但是改变浏览器大小后，iframe里的那个页面就不见了，那位大侠能够帮我解决下啊
父页面
<script type="text/javascript">var rootNode = new Ext.tree.AsyncTreeNode({
id:'root',
text:'&#20010;&#20154;&#24037;&#20316;&#21488;',
draggable:false,
expanded:true
});var menuTree = new Ext.tree.TreePanel({
tools:[
{
id:"refresh",handler:function(){rootNode.reload();}
}
],
region:'west',
title:'&#x8d28;&#x91cf;&#x5de5;&#x4f5c;',
width:240,
minSize:150,
split:true,
autoScroll:true,
autoHeight:false,
collapsible:true,
rootVisible:true,
root:rootNode,
loader: new Ext.tree.TreeLoader({   
dataUrl:'jsontree.json'  
})
});
var flag = 0;
menuTree.on("click",function(node,event){
if(node.id != "logout"){
event.stopEvent();

var vhref = node.attributes.href; if(vhref != null && vhref != ""){
var n = contentPanel.getComponent(node.id);
if (!n) {
n = contentPanel.add({
'id':node.id,
'title':node.text,
closable:true,
autoScroll:false,//true,
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'+node.attributes.href+'"></iframe>'
});
}
contentPanel.setActiveTab(n);
}
}
});
var contentPanel = new Ext.TabPanel({
region:'center',
enableTabScroll:true,
activeTab:0,
items:[{
id:'homePage',
title:'&#x9996;&#x9875;',
autoScroll:false,
html:'<iframe id="hpdiv" scrolling="auto" frameborder="0" width="100%" height="100%" src="firstpage/firstpage.jsp"></iframe>'
}]
});contentPanel.on("remove",function(node){
//Ext.log(node.id);
rootNode.reload();

});
var flash = ''
Ext.onReady(function(){
new Ext.Viewport({
layout:'border', 
defaults:{activeItem:0},
items:[
menuTree, 
contentPanel,

{
region:'north',
height:100,
//height:30%,
minSize:10,maxSize:100,collapsible:true,split:true,titlebar:true,
title:'xxxxxx',
html:'<div align="left" style="background-color:#84C1FF"><table width="100%"><tr><td align="left" valign="top" width="20%"><img src="top_pic.gif" width="1230"  height="70"></img></td></tr></table></div>'

}
]
});
});
function tablpanel(s){
var tab = new Ext.TabPanel({
region:'center',
enableTabScroll:true,
activeTab:0,
items:[{
id:'homePage',
title:'&#x9996;&#x9875;',
autoScroll:false,//true,
html:s
}]
});
return tab;
}
</script>子页面
<script>
var tabsDemo=new Ext.TabPanel({
region:'center',
enableTabScroll:true,
activeTab:0,
items:[
{
id:'homePage',
title:'在办',
autoScroll:false,//true,
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="http://www.baidu.com"></iframe>'
},
{
id:'homePage1',
title:'待办',
autoScroll:false,//true,
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="http://www.google.com"></iframe>'
}
]
});
Ext.onReady(function(){
new Ext.Viewport({
layout:'border', 
defaults:{activeItem:1},
items:[
tabsDemo
]
});
});
</script>