Ext.TabPanel问题

[Hi大鹏]

有三个组件：两个Panel(p1，p2)、一个TabPanel(tp)，p1、p2中还包含其他内容。
tp有两个选项卡分别引入p1和p2，默认activeItems：0（显示第一个选项卡）。
问题：
加载页面后选项卡一能显示p1内容，点击选项卡二则没有内容。
如果默认activeItems：1(显示第二个选项卡)，则选项卡二能显示p2的内容，单击选项卡一无内容
请问是怎么回事？

[runer]

兄弟，贴出你的程序

[zidasine]

情况较多
要看你这2个panel是怎么弄的

里面的内容又是如何加载的

贴出代码瞅瞅

[Hi大鹏]

/* 面板一 */
var p1 = new Ext.form.FormPanel({
width : 900,
autoHeight: true,
viewConfig: {
forceFit: true
},
html : "<div style='font-size:40px;'>选项卡一内容</div>"
});

/* 面板二 */
var p2 = new Ext.form.FormPanel({
width : 900,
autoHeight: true,
viewConfig: {
forceFit: true
},
items : [{
layout: 'form',
border: false,
html : "<div style='font-size:40px;'>选项卡二内容</div>"
}]
});
/* TabPanel */
var tab = new Ext.TabPanel({
border : false,
width : 901,
viewConfig: {
forceFit: true
},
items : [{
title : '选项卡一',
autoHeight: true,
style : 'margin: -1px -1px -1px -1px;',
items: p1
},{
title : '选项卡二',
autoHeight: true,
style : 'margin: -1px -1px -1px -1px;',
items : p2
}],
activeItem: 0
});

/* 主面板 */
var panel = new Ext.Panel({
layout: 'fit',
width : 900,
title : '容器',
items : [{
autoHeight: true,
border : false,
items : tab
}]
});
panel.render("content");