ExtJS 4.x中的布局（layouts in ExtJS 4.x）（一）
一、布局的来源（ Why we need layout ） 页面上显示的各个元素往往是嵌套的，这些元素在页面上的摆放需要某些元素能够盛放其他一些元素，因此就有了 Container （“容器”，一种特殊组件）和 Component （一般组件）， Container 能够盛放其他 Container 和一般的 Component 。 这种元素间的关系使得组件呈现层级关系。下图 展示了 ExtJS4.x 中组件间层级关系一种实例。 既然组件间呈现层级关系， Container 中能盛放其他 Container 和 Component ，那么怎么呈现呢？呈现的样子是什么？是从左到右一个一个摆放还是从上到下一个一个摆放？是按照东西南北中来摆放还是随意摆放？ … 这些就是 layout （布局）的责任范畴了， layout 能够设置一个容器中的各个元素怎么放置。当然， layout 不仅仅在 ExtJS 中出现，一切图形界面编程中都涉及它！ 二、 ExtJS4.x 中的布局简介（ An brief introduction to layout in ExtJS4.x ） ExtJS4.x 为页面布局提供了多种方案，有按照“东西南北中”方位位置来摆放元素的 border 布局，也有元素自适应摆放的 fit 布局，还有从左到右按列摆放元素的 hbox 布局和从上到下按行摆列元素的 vbox