认识标准布局类
面板相当于一张干净的白纸，如果直接在上面添加内容，将很难控制面板中内容的显示位置，面板元素越多就越凌乱，所以需要在面板上划分不同的区域，将面板内容展示到希望的位置上。ExtJs通过提供多种布局类来为面板提供支持。主要有以下几种
FitLayout(自适应布局)
AccordionLayout(折叠布局)
CardLayout（卡片式布局）
AnchorLayout(锚点布局)
AbsoluteLayout(绝对位置布局)
FormLayout（表单布局）
ColumnLayout（列布局）
TableLayout（表格布局）
BorderLayout（边框布局）
1、FitLayout自适应布局
Ext.layout.FitLayout是布局的基础类，对应面板布局配置项layout的名称为fit，使用fit布局将使面板子元素充满容器，如果在当前容器中存在多个子面板，则只有第一个会被显示。
2、AccordionLayout折叠布局
Ext.layout.AccordionLayout扩展自Ext.layout.FitLayout布局，对应的layout名称为accordion。该布局会包含多个子面板，任何时候都只有一个子面板处于打开状态，每个子面板都内置了对展开和收缩的支持。使用AccordionLayout时，必须同时配置一个布局配置项layoutConfig
3、ColumnLayout列布局
Ext.layout.ColumnLayout对应的layout名称为column。这是一种多列风格的布局样式，每一列的宽度都可以根据百分比或固定值来进行设置，高度允许根据内容进行变化，它支持一个特殊的属性columnWidth，每一个加入到容器中的子面板都可以通过columnWidth配置项指定百分比或者使用width配置项指定固定值，来确定列宽。
Width配置项是以像素为单位的固定宽度，必须时大于或等于1的数字。
columnWidth 配置项是以百分比为单位的相对宽度，必须是大于0小于1的小数，例如“.25”。
注意：所有列的columnWidth值相加必须等于1。