首页 教程 API文档

手风琴组件

2015-10-26 09:10:07

属性


父模块 widget
依赖组件 TemplateItem
Demo地址 Accordion

描述


手风琴组件是一个包含多个面板并且每个面板都可以被折叠的widget组件

accordion组件图片

成员列表


方法名称 成员类型 描述
computeClientHeight public 计算手风琴客户区大小
refreshClient public 刷新手风琴客户区
activeItem public 手风琴当前活动项
template public 手风琴面板的模板
repaint public 重绘手风琴
insert public 插入手风琴子项
append public 追加手风琴子项
select public 选择手风琴子项
clear public 清空手风琴子项
remove extend 移除子项或移除自身

参数选项


名称 类型 默认值 描述
level Number 4 手风琴在layout中的布局等级
defaultClass String StdUI_Accordion 手风琴默认class名称
switchType String click 手风琴面板切换的类型,默认为点击
items Array null 手风琴默认面板项,该参数将会被映射到成员方法append中
height Number 400 手风琴高度
template Object,String null 手风琴面板内容的模板
titleHeight Number 30 手风琴面板标题栏高度
collapsible Boolean false 面板是否可折叠的
clientPadding Number 5 手风琴面板客户区模板边距
activeItem Number 0 默认激活的面板

事件


名称 回调参数 描述
change 面板索引号 当面板切换时候,change事件将会被触发

相关例子



Std.main(function(){
    var accordion = Std.ui("Accordion",{
        switchType:"click",
        collapsible:true,
        renderTo:"body",
        width:200,
        height:400,
        items:[
            {
                icon:"images/play.png",
                text:"first",
                content:Std.ui("List",{
                    padding:0,
                    items:["1","2"],
                    css:{border:"0"}
                })
            },
            {
                text:"second",
                content:"second"
            },
            {
                text:"last",
                content:{
                    iframe:"http://www.stdjs.com"
                }
            },{
                text:"third",
                content:{
                    layout:{
                        ui:"VBoxLayout"
                    }
                }
            }
        ]
    });
});