Extjs中怎么将一个 panel 上下二等分，注意是上下分

求助各位高手，Extjs中怎么将一个 panel 上下二等分，注意是上下分，左右分我会的，谢了！

8 个解决方案

#1

必须要一个panel分成两个吗？反正是上下分，就上下两个panel不行？

#2

qypxlh
 
(qypxlh) 

等　级： 
结帖率：0.00% 

#3

我主要是用来等分，即使定义了宽和高，不同的电脑屏幕大小不一样，还是不能自适应屏幕

#4

引用 1 楼 x_huangwx 的回复:

必须要一个panel分成两个吗？反正是上下分，就上下两个panel不行？

不好意思，我说的不够明白，我的意思是：在一个大的panel里放两个小panel（panel1和panel2），让panel1和panel2上下等分这个大的panel

#5

引用 2 楼 xiaochengfu1 的回复:

qypxlh
 
(qypxlh) 

等　级： 
结帖率：0.00%

这个跟问题无关，哪凉快呆哪去！

#6

引用 4 楼 qypxlh 的回复:

引用 1 楼 x_huangwx 的回复:

必须要一个panel分成两个吗？反正是上下分，就上下两个panel不行？

不好意思，我说的不够明白，我的意思是：在一个大的panel里放两个小panel（panel1和panel2），让panel1和panel2上下等分这个大的panel

嗯 我知道你的意思，外面套的这个大panel一定要吗？如果一定要的话，改成form布局看可以不

#7

用boder布局，分north和south就行

#8

Ext.MyViewport=Ext.extend(Ext.Viewport ,{
xtype:"viewport",
layout:"auto",
initComponent: function(){
this.items=[
{
title:"我的面板",
region:"center",
height:400
},
{
title:"我的面板",
region:"west"
}
]
Ext.MyViewport.superclass.initComponent.call(this);
}
})
这样也行