| 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%'。
| 配置项 | 定义者 | |
|---|---|---|
|
CSS
: String
一个可选添加的CSS样式类,加入到组件的容器上(默认为'')。 这为容...
一个可选添加的CSS样式类,加入到组件的容器上(默认为'')。 这为容器或容器的子节点加入标准CSS规则提供了方便。
|
ContainerLayout | |
|
renderHidden
: Boolean
True表示为在渲染时隐藏包含的每一项(缺省为false)。
True表示为在渲染时隐藏包含的每一项(缺省为false)。
|
ContainerLayout | |
| 属性 | 定义者 | |
|---|---|---|
|
activeItem: activeItem
一个已激活Ext.Component的引用 例如,if(myPane...
一个已激活Ext.Component的引用 例如,if(myPanel.layout.activeItem.id == 'item-1') { ... }。 activeItem只会作用在布局样式上。(像Ext.layout.Accordion, Ext.layout.CardLayout和Ext.layout.FitLayout)。只读的。 Related to Ext.Container#activeItem.
|
ContainerLayout | |
| 方法 | 定义者 | |
|---|---|---|