| Defined In: | AccordionLayout.js |
| Class: | Ext.layout.Accordion |
| Extends: | Ext.layout.FitLayout |
此layout包含了多个像卡片垂直方向堆栈的面板。在某一时间,只有一个卡片(面板)是可见的。 每个面板都支持内建的展开和闭合功能。 应通过继承此类或设置Ext.Container#layout的配置layout:'accordion' 的方式创建,一般很少通过关键字new直接使用。
注意必须通过Ext.Container#layoutConfig属性对象来指定属于此布局的配置,以便传入到layout的内部。 用法举例:
var accordion = new Ext.Panel({
title: 'Accordion Layout',
layout:'accordion',
defaults: {
// 作用每个面板上
bodyStyle: 'padding:15px'
},
layoutConfig: {
// layout特定的配置
titleCollapse: false,
animate: true,
activeOnTop: true
}
items: [{
title: 'Panel 1',
html: '<p>Panel content!</p>'
},{
title: 'Panel 2',
html: '<p>Panel content!</p>'
},{
title: 'Panel 3',
html: '<p>Panel content!</p>'
}]
});
| 配置项 | 定义者 | |
|---|---|---|
|
fill
: Boolean
True表示为调整活动的面板以填充整个容器的空白空间,false表示使...
True表示为调整活动的面板以填充整个容器的空白空间,false表示使用当前的高度,或不声明即表示自动高度(缺省为true)。
|
Accordion | |
|
autoWidth
: Boolean
True表示为设置每个容器的宽度为‘auto’,false表示用子项当...
True表示为设置每个容器的宽度为‘auto’,false表示用子项当前的宽度(缺省为true)。
|
Accordion | |
|
titleCollapse
: Boolean
True表示为单击标题栏上任意的位置就允许展开、闭合每个子面板,
f...
True表示为单击标题栏上任意的位置就允许展开、闭合每个子面板,
false表示为只能从工具条上轮换的按钮来展开、闭合面板(缺省为true)。
当设置为fasle,#hideCollapseTool也必须为fasle。
|
Accordion | |
|
hideCollapseTool
: Boolean
True表示为隐藏包含面板上闭合、展开轮换按钮,false表示为显示(...
True表示为隐藏包含面板上闭合、展开轮换按钮,false表示为显示(默认为true),
当设置为true,{@link #hideCollapseTool}也必须为true。
|
Accordion | |
|
collapseFirst
: Boolean
True表示为确保展开闭合的轮换按钮总是排在第一个的位置渲染(从左算起...
True表示为确保展开闭合的轮换按钮总是排在第一个的位置渲染(从左算起),
false表示为放在最后显示(默认为fasle)。
|
Accordion | |
|
animate
: Boolean
True表示为当展开、闭合面板时附有动画效果以滑动打开和关闭面板。
...
True表示为当展开、闭合面板时附有动画效果以滑动打开和关闭面板。
注意:要在每个面板上设置特定延时的配置项,必须在layout级别上设置为undefined。
|
Accordion | |
|
sequence
: Boolean
Experimental. 如打开动画,会按顺序地执行动画。
Experimental. 如打开动画,会按顺序地执行动画。
|
Accordion | |
|
activeOnTop
: Boolean
True表示为交换每个面板的位置,以便成为容器上的第一项,false表...
True表示为交换每个面板的位置,以便成为容器上的第一项,false表示为保持原有渲染的顺序,
"animate:true"时该项不兼容(缺省为false)。
|
Accordion | |
|
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 | |
| 方法 | 定义者 | |
|---|---|---|