Ext学习-布局介绍

1.目标

   了解ExtJS中的关于布局和组建的相关原理，并学习相关的布局方式

2.内容

  1.布局和组件的相关原理

  2.常见的布局方式

3.学习流程

   1.首先应该学习一下布局和组件的相关知识。

   推荐文章：

     http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers

     http://docs.sencha.com/extjs/4.2.1/#!/guide/components

    http://blog.csdn.net/zhoubangtao/article/details/27366073

    http://blog.csdn.net/zhoubangtao/article/details/27366477

 

  2.最原理的东西有了了解之后，学习一下总体布局方式

   推荐文章：

      http://www.cnblogs.com/animal/archive/2012/04/06/2430480.html

3.常用Layout介绍

     1.Fit布局：容器内的组件占满整个容器，常用来作为整体布局以及区域布局，可以根据外围容器变化自动改变大小。

     2.border布局：将容器分为上下左右中5个区域，其中中间区域的组件必须有，其他区域可有可无。一般是作为企业级应用的最初期面板。

     3.accordion布局：accordion布局也称手风琴布局，在accordion布局下，在任何时间里，只有一个面板处于激活状态。其中每个面边都支持展开和折叠，一般作为左侧树区域的布局。

 

作者：sdjnzqr
出处：http://www.cnblogs.com/sdjnzqr/
版权：本文版权归作者和博客园共有
转载：欢迎转载，但未经作者同意，必须保留此段声明；必须在文章中给出原文连接；否则必究法律责任