`
langgufu
  • 浏览: 2312646 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext CardLayout,AnchorLayout,AbsoulteLayout,FormLayout,ColumnLayout,TableLayout

阅读更多

1,CardLayout可以看做一叠卡片,是实现操作向导的典型布局,使用layout:'card'。

 

2,AnchorLayout和AbsoulteLayout实现控制大小和位置的布局。

     其中AnchorLayout可以控制组件大小,实现其随着父组件动态调整大小,但该布局的组件是从上到下竖排列的,无法实现位置的设置。

     AbsoulteLayout则是用来解决这个问题的,它是AnchorLayout的子类,其可以通过设置X,Y来固定组件位置,该布局可以设置组件的绝对位置。

通常使用AbsoulteLayout来确定位置,内部组件配合使用AnchorLayout布局来控制组件大小(如:anchor:'50% -100')。

 

3,FormLayout同样是anchorlayout的子类,formpanle默认该布局,其内部组件可以使用anchor:'-100 60%'来控制大小,内部组件相当于使用anchorlayout布局。

 

4,分列式布局ColumnLayout,每一列的宽度设置通过ColumnWidth,其值是小数(动态),当设置的是width时,该列宽度固定,不会发生任何动态变化。多列可以动态和固定大小结合的方式使用。

 

5,表格状布局TableLayout,该布局很灵活,能像HTML中的表格那样进行设置。

 

 

 

 

 

 

0
0
分享到:
评论

相关推荐

    Ext10种布局

    - **定义**:通过 `Ext.layout.ColumnLayout` 类定义,布局名称为 `column`。 - **特点**: - 将容器视为一列,子元素可通过 `columnWidth` 或 `width` 属性指定其占据的列宽比例。 - `columnWidth` 用百分比表示...

    ExtJS使用笔记

    ExtJS提供多种布局管理器,如AnchorLayout、FormLayout、AbsoluteLayout、FitLayout、AccordionLayout、CardLayout、ColumnLayout、VBoxLayout、HBoxLayout、TableLayout和BorderLayout等。每个布局管理器有其特定的...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    ColumnLayout TableLayout 37. Removed [XType] Attribute and replaced with XType readonly property. Example (Old) [Xtype("window")] Example (New) protected override string...

    老师整理的extjs学习笔记

    - **CardLayout**: 卡片式布局,用于显示一系列可切换的内容面板。 - **ColumnLayout**: 列布局,用于创建多列布局。 - **HBoxLayout 和 VerticalLayout**: 水平和垂直布局,用于水平或垂直排列子项。 - **...

    ExtJS之布局详解

    - 布局的基类是`Ext.layout.ContainerLayout`,它提供了所有布局的基础功能,但本身并不具有可视化外观,主要作为其他布局类的基类。 2. **布局分类** - **折叠布局(AnchorLayout)**:通过`layout: "anchor"`...

    extjs_页面布局.doc

    4. **CardLayout**:卡片布局,一次只显示一个子组件,就像一副扑克牌,每次只能看到一张卡片。`activeItem`配置项在这里特别有用,用于指定当前显示的卡片。 5. **AnchorLayout**:锚点布局,允许组件根据容器大小...

Global site tag (gtag.js) - Google Analytics