折叠面板

Accordion

Constructor

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


Members

可设置的属性

Properties:

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


可获取的属性

Properties:

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


方法

Properties:


Name: isOpen

Description: 面板是否打开

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

调用举例:

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


Name: openPanel

Description : 打开面板

Name
Description
调用参数
NameTypeDescription
valNumber面板索引
返回值

调用举例:

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


Name: closePanel

Description : 折叠面板

Name
Description
调用参数
NameTypeDescription
valNumber面板索引
返回值

调用举例:

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


事件

Properties:


Name: hidden

Description : 隐藏事件(隐藏显示触发 回调参数为隐藏状态)

Name
Description
回调函数参数
NameTypeDescription
hiddenStateBoolean隐藏状态 true为隐藏 false为取消隐藏

绑定举例:

  1. var widget = vjsp.Parser.getWidgetByName('accordion');
  2. widget.on('hidden' , function(hiddenState){
  3. if(hiddenState){
  4. vjsp.alert('控件被隐藏');
  5. }else{
  6. vjsp.alert('控件取消隐藏');
  7. }
  8. });