PropertiesMethodsEventsConfig OptionsDirect Link

Class Ext.layout.Accordion

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>'
    }]
});

配置项

配置项 定义者

公告属性

属性 定义者

公共方法

方法 定义者

公告事件

这个类没公共的事件。