PropertiesMethodsEventsConfig OptionsDirect Link

Class Ext.layout.AnchorLayout

Defined In: AnchorLayout.js
Class: Ext.layout.AnchorLayout
Extends: Ext.layout.ContainerLayout

相对于容器四周的尺寸大小,对其包含在内的元素进行定位式(Anchoring)的布局。 如果容器大小发生变化,所有已固定的项都会随着定位规则而变化(按照规则自动渲染)。 应通过继承此类或设置Ext.Container#layout的配置layout:'anchor' 的方式创建,一般很少通过关键字new直接使用。

AnchorLayout不存在任何直接的配置项(other than inherited ones). 不过使用这种AnchorLayot的布局就可使用针对该布局的anchorSize配置项属性进行设置。 缺省下,AnchorLayout会基于其自身容器的大小来计算出定位的尺寸数值,但若指定了achorSize的值,AnchorLayout就会 按照该尺寸生成一个虚拟的容器,在这个虚拟容器上计算出定位尺寸,使得定位逻辑和父容器相分离,可实现独立调节大小

AnchorLayout的子项都支持anchorSize的配置项属性,这是一个字符串,包含两种值:水平定位值和垂直定位值(例如,'100% 50%')。 这个值便是告知子项应该怎么在容器内定位。 可使用的定位值有下列类型:

可灵活设置定位的值。如'-50 75%'。

配置项

配置项 定义者

公告属性

属性 定义者

公共方法

方法 定义者

公告事件

这个类没公共的事件。