【ExtJS实践】之三 ：页面布局应用

    ExtJS提供了很多容器，最常用的是Panel，其他的还有TabPanel、Viewport、Window等，开发应用程序时，最好是在最外层实例化一个Viewport，然后将其他组件放置到其中。原因是Viewport会自动充满整个页面，同时会根据浏览器窗口尺寸的调整而自动调整。需要注意的是，一个页面中只能放置一个Viewport。

    但容器只能够用于放置元素，如果不指定布局，容器中包含的元素会从上到下依次排列。

    布局，告诉容器如何显示其包含的元素，ExtJS3.4提供了十几种布局方式，常用有FitLayout、BorderLayout、ColumnLayout、FormLayout。

    个人觉得BorderLayout是非常好用的一个布局方式，它将容器空间分成了东（east）、西（west）、南（south）、北（north）、中（center）五个部分，其中中部（center）是必须要有的，其他的四个部分可根据需要划分。

    下面是我做的页面布局的例子。