extjs tabpanel autoload新增tab时新tab页内部布局异常

Jmob07 2010-09-01 09:51:13

现有左边一个树，右边是一个tabpanel，点击树叶节点时新增一个tab页，用的是autoload方式，
树事件代码：



treePanel.on('click', function(node, e) {

					if (node.isLeaf()) {

						e.stopEvent();

						var tab = contentPanel.getComponent(node.id);

						if (!tab) {

							tab = contentPanel.add({

								id : node.id,

								title : node.text,

								closable : true,

								frame : false,

								layout:'fit',

autoLoad : {

									url : node.attributes.href,

									scripts : true

								}

tab.show().doLayout();

}

					}

				});

其中某一个链接新增的页面代码如下：



<%@ page language="java" contentType="text/html; charset=gbk"

    pageEncoding="gbk"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<title>测试页面</title>

<script type="text/javascript">

	new Ext.Panel(

	{

				title:'aaaa',

				layout:'border',

				region:'center',

				frame:true,

				renderTo:'5a',

				autoScroll : true,

				tbar:[{text:'顶部工具栏topToolbar'}],

				items:[

					new Ext.Panel({ 

						     title : '嵌套面板一',

						     region:'north',

						     html:'ddddddddddddddddss'

						    }),new Ext.FormPanel({

								title:'查询',

								id:'qformPanel1qqq',

								region:'center',

								width:200,

								items:[{

									xtype:'textfield',

									fieldLabel:'测试1'

								},{

									xtype:'textfield',

									fieldLabel:'测试2'

								},{

									xtype:'textfield',

									fieldLabel:'测试3'

								}]

							})

				]

			});

			

			

</script>

</head>

<body>

<div id="5a"></div>



</body>

</html>