Ext.js布局 - 从简单和简单的步骤学习ExtJS，从基本到高级概念，包括概述，环境设置，命名约定，架构，编写第一个Ext JS程序，OOPS概念，Dom操作，自定义事件和监听器，容器和布局，GUI控件（xType），UI组件，调试Ext JS代码，内置函数，类系统，拖放，主题，自定义事件和监听器，数据，字体，样式，绘图，本地化，辅助功能，调试代码，方法。
布局是元素在容器中排列的方式.它可以是水平的，垂直的或任何其他的. Ext JS在其库中定义了不同的布局，但我们也可以随时编写自定义布局.
| Sr.No | 布局&描述 |
|---|
| 1 | Absolute 此布局允许使用容器中的XY坐标定位项目. |
| 2 | Accordion 这种布局允许将所有项目以堆叠的方式放置在容器内(一个在另一个的顶部). |
| 3 | Anchor 此布局为用户提供了相对于容器大小指定每个元素大小的权限./p> |
| 4 | Border 在此布局中，各种面板嵌套并以边框分隔. |
| 5 | Auto 这是默认布局，根据元素数量决定元素的布局. |
| 6 | Card(TabPanel) 此布局以制表符方式排列不同的组件.选项卡将显示在容器的顶部.每次只有一个标签可见，每个标签被视为不同的组件. |
| 7 | Card(Wizard) 在这种布局中，每次元素都来自完整的容器空间.向导中有一个用于导航的底部工具栏. |
| 8 | Column 此布局显示多列在容器中.我们可以为列定义固定宽度或百分比宽度.百分比宽度将根据容器的完整大小计算. |
| 9 | Fit 在此布局中，容器填充有单个面板.如果没有与布局相关的特定要求，则使用此布局. |
| 10 | Table 顾名思义，此布局以HTML表格格式排列容器中的组件. |
| 11 | vBox 此布局允许元素以垂直方式分布.这是最常用的布局之一. |
| 12 | hBox 此布局允许元素分布在水平方式. |
