`
langgufu
  • 浏览: 2307087 次
  • 性别: 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
分享到:
评论

相关推荐

    ext实例 ext操作步骤

    3. **Column布局**:使用`Ext.layout.ColumnLayout`,将容器视为一列,通过`columnWidth`或`width`属性来设定子组件占据的列宽,适合创建多列并行展示的内容。 4. **Card布局**:由`Ext.layout.CardLayout`定义,只...

    Ext10种布局

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

    ExtJS使用笔记

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

    CardLayout

    在Java Swing库中,`CardLayout`是一种布局管理器,用于组织组件(如JPanel)中的其他组件。这个布局管理器允许你在一个容器内切换不同的组件,就像一副卡片一样,一次只能显示一张卡片,而其他的卡片则被隐藏。在本...

    ext的课件,ppt版,适合有面向对象基础人士

    3. Column布局:由`Ext.layout.ColumnLayout`管理,将容器视为一列,子组件可以使用`columnWidth`或`width`属性定义其宽度,支持百分比和固定像素两种方式,适合创建多列内容展示。 4. Card布局:由`Ext.layout....

    基于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...

    Java Swing CardLayout卡片布局的实现示例

    Java Swing CardLayout 卡片布局的实现示例 Java Swing CardLayout 卡片布局是 Java 中的一种布局管理器,它将容器中的每个组件看作一张卡片,一次只能看到一张卡片,容器则充当卡片的堆栈,默认显示第一张卡片。...

    Ext教程.pptExt教程.pptExt教程.ppt

    3. **Column布局**:通过`Ext.layout.ColumnLayout`实现,视作一列,子元素可以指定`columnWidth`(百分比宽度)或`width`(固定像素宽度)来决定占据的列宽。可以混合使用这两种方式,灵活地调整列的宽度。 4. **...

    Netbeans 卡片式窗口实例(CardLayout)

    在GUI设计中,`CardLayout`是一种特殊的布局管理器,它允许在一个容器中显示一组组件,每次只能看到一个,就像一副卡片,用户可以翻动卡片查看不同的内容。本实例将深入探讨如何在NetBeans中使用`CardLayout`来创建...

    CardLayout布局管理器示例

    在Java Swing库中,`CardLayout`是一种布局管理器,用于在单一容器内管理多个组件,就像一副卡片一样,每次只能展示其中一张。这个布局管理器特别适合于创建选项面板或者切换视图的场景,例如在GUI应用中,用户可以...

    Ext2.2 中文手册

    - **布局类型**:Ext 提供了多种布局方式,如 CardLayout、BorderLayout 等,可以根据需求选择合适的布局方式。 - **布局管理**:使用布局管理器来自动调整组件的位置和大小。 #### 8. Grid 组件 - **数据定义**...

    Ext 开发指南 学习资料

    6.5.3. 呼呼,TableLayout就是合并行,合并列 7. 低鸣吧!拖拽就像呼吸一样容易。 7.1. 如此拖拽,简直就像与生俱来的本能一样。 7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 7.4. yui自远方来,不亦乐乎 ...

    Ext模拟Windows桌面

    【Ext模拟Windows桌面】是一种利用JavaScript库Ext JS创建的Web应用程序,它能够在浏览器环境中实现类似Windows操作系统的桌面体验。这种技术使得用户可以在网页上获得更加直观、熟悉且高效的交互方式,尤其是在开发...

    EXT中文教程

    EXT提供了多种布局方式,如CardLayout、BorderLayout等,用于控制组件在页面中的位置和大小,实现复杂多变的界面布局。 #### 4. Grid组件与表单组件 - **Grid组件** Grid是EXT中用于展示表格数据的组件,支持...

    Ext-window属性

    在支持一次仅显示一个子组件的布局中,如`Ext.layout.Accordion`、`Ext.layout.CardLayout`和`Ext.layout.FitLayout`,这个属性特别有用。 2. **allowDomMove**: 默认值为`true`,表示在组件渲染过程中允许移动DOM...

    EXT中文手册8

    ### EXT中文手册8:深入解析EXT框架的关键组件与布局管理 #### TreePanel与FormPanel:构建复杂用户界面的基石 `TreePanel` 和 `FormPanel` 是EXT框架中用于构建复杂用户界面的重要组件。 - **TreePanel**:作为...

    CardLayout 简单实现Demo

    在Java Swing库中,`CardLayout`是一种布局管理器,用于在单一容器中管理多个组件,就像一副卡片一样,每次只能显示其中一张卡片,而其他卡片则被隐藏。这种布局方式常用于创建选项面板或者步骤导向的用户界面。在这...

    老师整理的extjs学习笔记

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

    Java中CardLayout布局管理器.pdf

    Java中的CardLayout是一种特殊的布局管理器,用于容器中组件的排列和展示。它允许你在同一容器内切换不同的组件,就像是翻阅卡片一样,每次只显示一张。这种布局管理器特别适用于那些需要在有限的空间内展示多个面板...

Global site tag (gtag.js) - Google Analytics