EXT布局 Layouts

      布局由容器内置创建，所以布局不应通过关键字new实例化这种方式直接使用。创建容器的时候，你应选定一种布局的风格以及相关的配置，这两个配置是属性layout和属性layoutConfig。 举例：

var panel = new Panel({ title: 'My Accordion', layout: 'accordion', //在这个面板中所使用的布局样式 layoutConfig: { animate: true //布局指定的配置项写在这里 } // 其他Panel的选项 });

 

 

 

ext js 2.0 中定义了10中布局，其继承关系如下

Ext 2.0 Layout Class Hierarchy

 

      当你创建嵌套布局时，明白面板包含其他面板是很重要的，布局中的每个面板必须指定一个布局管理器。 多数情况你不需要指定布局的风格如“border”或“accordion”，较常见的是“fit”那一种，会自动调整大小自适应它的容器。 如果你不指定某个布局管理器，默认的是ContainerLayout类，不过这样很可能导致一些意料不到的情况发生，所以最好精确声明一下。

 

这10种布局分别是：

 

ContainerLayout

 

CardLayout

CardLayout将容器中的每个组件当作一个卡片来处理。在某一时间，只有一个卡片是可见的，容器象一个卡片堆栈一样工作。大多数的情况，用于向导（Wizards），制定的tab实现或其它多页面信息的场合。

 

 

AbsoluteLayout

这是一个非常简单的布局，通过X/Y坐标精确来定位包含各项的相关容器。

其它一切布局管理器的基类，容器若不指定某个布局管理器，则默认的管理器就是这个    ContainerLayout。ContainerLayout没有任何的外观表示— 其主要的职责是容纳子项目、控制渲染和一些常见任务，如调节大小缓冲（resize buffering）。 ContainerLayout常用于扩展制定的布局，很少实例化直接使用。