折叠面板 Accordion

Constructor

Implements: Widget

Tutorials: 控件对象使用快速入门

可设置的属性

Name	Type	Description
name	String	控件的名字，唯一标志
title	String	控件title
hidden	Boolean	隐藏
panels	Array	面板
multiOpen	Boolean	展开多个

可获取的属性

Name	Type	Description
name	String	控件的名字，唯一标志
title	String	控件title
hidden	Boolean	隐藏
multiOpen	Boolean	展开多个

方法

isOpen

Description： 面板是否打开

Name	Type	Description
调用参数		Name val Type Number Description面板索引
返回值	Boolean	val索引对应面板打开状态

调用举例：

//获取索引为0的面板的打开状态
var widget = vjsp.Parser.getWidgetByName('accordion');
var openState = widget.doMethod('isOpen' , 0);

openPanel

Description： 打开面板

Name	Description
调用参数	Name val Type Number Description面板索引
返回值	无

调用举例：

//打开索引为0的面板
var widget = vjsp.Parser.getWidgetByName('accordion');
widget.doMethod('openPanel' , 0);

closePanel

Description： 折叠面板

Name	Description
调用参数	Name val Type Number Description面板索引
返回值	无

调用举例：

//关闭索引为0的面板
var widget = vjsp.Parser.getWidgetByName('accordion');
widget.doMethod('closePanel' , 0);

事件

hidden

Description： 隐藏事件（隐藏显示触发 回调参数为隐藏状态）

回调函数参数

Name	Type	Description
hiddenState	Boolean	隐藏状态true为隐藏、false为取消隐藏

绑定举例：

var widget = vjsp.Parser.getWidgetByName('accordion');
widget.on('hidden' , function(hiddenState){
    if(hiddenState){
        vjsp.alert('控件被隐藏');
    }else{
        vjsp.alert('控件取消隐藏');
    }
});