layout的有效值有absolute,accordion,anchor,border,card,column,fit,form和table
1.absolute:在容器里面根据所给的坐标定位显示
2.accordion:手风琴的效果，一般用于侧边栏
代码演示：Ext.onReady(function(){
var panel=new Ext.Panel({
renderTo:‘paneldiv‘,
title:‘容器组件‘,
layout:‘accordion‘,
width:500,
height:200,
layoutConfig:{animate:false},
items:[
{title:‘元素1‘,html:""}
{title:‘元素2‘,html:""}
{title:‘元素3‘,html:""}
]
}
);
});
3.anchor
(1) 容器中组件需要指定宽度，能在anchor中指定宽高度
(2)anchor 值一般是负值或者是百分数，正值是没有意义的
(3)anchor 必须为字符串
4.border将容器分成了五个区域：east,south,west,north,center
5.card 像安装向导一样是一张一张的显示的
6.column 将容器看成一列，然后向容器放入子元素
7.fit 一个子元素将充满整个容器（如果有多个子元素的话则只有一个子元素充满容器）
8.form 是一种专门用于管理表单中输入字段的布局
9.table 按照普通表格的方法布局子元素，用layoutConfig:{colume:3},这个会将父容器分成3列
原文：http://www.cnblogs.com/a19967143013/p/6128306.html