ExtJS 4.x中的布局(layouts in ExtJS 4.x)(一) 续

    ExtJS4.x中,containercomponent都需要布局来摆放其中的子元素。但我们一般不需要花精力在component的布局上而需要精心设计与选择container的布局。

    ExtJS4.x中提供的各个布局类并不是互不关联的,他们之间像容器-组件一样存在层次结构,因此,理解布局间的关系非常有助于理解与使用他们。各个布局间层次结构关系如下图所示。

ExtJS 4.x中的布局(layouts in ExtJS 4.x)(一) 续

图1 ExtJS4.x中布局的层次结构

     

从图中可看出,Container Layout是整个布局层次系统的基类,它是一个轻量级的布局类,提供基础的功能,一般用于扩展。

Auto Layout是容器的默认布局,直接继承于Container Layout,它也只提供简单功能:将元素一个接一个地叠放在容器内。

……

上图在学习ExtJS4.x的布局时是个非常不错的参考!能帮我们理清关系,加快学习速度!

        本博客也将按照上图的层次结构分支依次介绍ExtJS4.x的布局!

 

    参考资料:http://docs.sencha.com/extjs/4.2.2/

你可能感兴趣的:(extjs4,Layout(布局))