Layout（布局）

ExtJS4.x 中， container 和 component 都需要布局来摆放其中的子元素。但我们一般不需要花精力在 component 的布局上而需要精心设计与选择 container 的布局。 ExtJS4.x 中提供的各个布局类并不是互不关联的，他们之间像容器-组件一样存在层次结构，因此，理解布局间的关系非常有助于理解与使用他们。各个布局间层次结构关系如下图所示。 图1 ExtJS4.x中布局的层次结构 从图中可看出， Container Layout 是整个布局层次系统的基类，它是一个轻量级的布局类，提供基础的功能，一般用于扩展。 Auto Layout 是容器的默认布局，直接继承于 Container Layout ，它也只提供简单功能：将元素一个接一个地叠放在容器内。 …… 上图在学习 ExtJS4.x 的布局时是个非常不错的参考！能帮我们理清关系，加快学习速度！ 本博客也将按照上图的层次结构分支依次介绍 ExtJS4.x 的布局！ 参考资料： http://docs.sencha.com/extjs/4.2.2/ 来源： oschina 链接： https://my.oschina.net/u/157787/blog/175111