twaver.controls.Accordion Class
可折叠面板
是TWaver提供的用于存储面板的控件,这种面板中可以存放多个DIV面板,并对存放的DIV面板进行折叠操作。
可折叠面板中的DIV面板只能同时打开其中的一个DIV面板,当点击另外一个DIV的标题时,它会将当前打开的DIV合并,并展开点击的DIV。
可折叠面板使用DIV的标题来唯一标识其中的DIV对象。 有关Accordion的使用可以参开LinkEditorDemo
Constructor
twaver.controls.Accordion
()
twaver.controls.Accordion
Returns:
可折叠面板对象本身
Item Index
Methods
- twaver.controls.Accordion.add
- twaver.controls.Accordion.clear
- twaver.controls.Accordion.collapse
- twaver.controls.Accordion.expand
- twaver.controls.Accordion.getBorderBottomColor
- twaver.controls.Accordion.getCollapseIcon
- twaver.controls.Accordion.getCurrentTitle
- twaver.controls.Accordion.getExpandIcon
- twaver.controls.Accordion.getIconPosition
- twaver.controls.Accordion.getTitleBackground
- twaver.controls.Accordion.getTitleHeight
- twaver.controls.Accordion.getTitles
- twaver.controls.Accordion.handleMouseDown
- twaver.controls.Accordion.onCollapsed
- twaver.controls.Accordion.onExpanded
- twaver.controls.Accordion.remove
- twaver.controls.Accordion.setBorderBottomColor
- twaver.controls.Accordion.setCollapseIcon
- twaver.controls.Accordion.setExpandIcon
- twaver.controls.Accordion.setIconPosition
- twaver.controls.Accordion.setTitleBackground
- twaver.controls.Accordion.setTitleHeight
- twaver.controls.ControlBase.addPool
- twaver.controls.ControlBase.adjustBounds
- twaver.controls.ControlBase.getView
- twaver.controls.ControlBase.invalidate
- twaver.controls.ControlBase.isAutoAdjustBounds
- twaver.controls.ControlBase.removePool
- twaver.controls.ControlBase.setAutoAdjustBounds
- twaver.controls.ControlBase.validate
- twaver.controls.ControlBase.validateImpl
- twaver.PropertyChangeDispatcher.addPropertyChangeListener
- twaver.PropertyChangeDispatcher.firePropertyChange
- twaver.PropertyChangeDispatcher.getClassName
- twaver.PropertyChangeDispatcher.onPropertyChanged
- twaver.PropertyChangeDispatcher.removePropertyChangeListener
Methods
twaver.controls.Accordion.add
-
title -
content
添加指定的内容面板到可折叠面板中
Parameters:
-
titleString指定内容面板的标题
-
contentObject指定的内容面板
twaver.controls.Accordion.clear
()
清空折叠面板中所有的DIV
twaver.controls.Accordion.collapse
()
合并当前的面板
twaver.controls.Accordion.expand
-
title
展开指定标题的面板
Parameters:
-
titleString指定面板的标题
twaver.controls.Accordion.getBorderBottomColor
()
String
获取可折叠面板中DIV面板边框底部的颜色,默认为twaver.Defaults.ACCORDION_BORDER_BOTTOM_COLOR
Returns:
底部边框的颜色
twaver.controls.Accordion.getCollapseIcon
()
String
获取面板合并时的图标,默认为twaver.Defaults.ACCORDION_COLLAPSE_ICON
Returns:
面板合并时的图标
twaver.controls.Accordion.getCurrentTitle
()
String
获取当前展开面板的标题
Returns:
面板的标题
twaver.controls.Accordion.getExpandIcon
()
String
获取面板展开时的图标,默认为twaver.Defaults.ACCORDION_EXPAND_ICON
Returns:
面板展开时的图标
twaver.controls.Accordion.getIconPosition
()
String
获取可折叠面板图标位置
Returns:
返回可折叠面板图标位置
twaver.controls.Accordion.getTitleBackground
()
String
获取DIV面板标题的背景色,默认为twaver.Defaults.ACCORDION_TITLE_BACKGROUND
Returns:
标题的背景色
twaver.controls.Accordion.getTitleHeight
()
Number
获取DIV面板标题的高度,默认为 twaver.Defaults.ACCORDION_TITLE_HEIGHT
Returns:
标题的高度值
twaver.controls.Accordion.getTitles
()
twaver.List
获取折叠面板中所有DIV面板的标题列表
Returns:
面板标题的列表
twaver.controls.Accordion.handleMouseDown
-
e
鼠标点击折叠面板时的处理函数
Parameters:
-
eMouseEvent鼠标点击事件
twaver.controls.Accordion.onCollapsed
-
title
合并面板时的处理函数,用户不需要自己调用此方法,但可以重载此方法实现自己的逻辑
Parameters:
-
titleString合并面板的标题
twaver.controls.Accordion.onExpanded
-
title
展开面板时的处理函数,用户不需要自己调用此方法,但可以重载此方法实现自己的逻辑
Parameters:
-
titleString展开面板的标题
twaver.controls.Accordion.remove
-
title
删除指定的面板
Parameters:
-
titleString指定面板的标题
twaver.controls.Accordion.setBorderBottomColor
-
v
设置可折叠面板中DIV面板边框底部的颜色,默认为twaver.Defaults.ACCORDION_BORDER_BOTTOM_COLOR
Parameters:
-
vString底部边框的颜色
twaver.controls.Accordion.setCollapseIcon
-
v
设置面板合并时的图标,默认为twaver.Defaults.ACCORDION_COLLAPSE_ICON
Parameters:
-
vString面板合并时的图标
twaver.controls.Accordion.setExpandIcon
-
v
设置面板展开时的图标,默认为twaver.Defaults.ACCORDION_EXPAND_ICON
Parameters:
-
vString面板展开时的图标
twaver.controls.Accordion.setIconPosition
-
v
设置可折叠面板图标位置
Parameters:
-
vString可折叠面板图标位置
twaver.controls.Accordion.setTitleBackground
-
v
设置DIV面板标题的背景色,默认为twaver.Defaults.ACCORDION_TITLE_BACKGROUND
Parameters:
-
vString所有标题的背景色
twaver.controls.Accordion.setTitleHeight
-
v
设置DIV面板标题的高度,默认为 twaver.Defaults.ACCORDION_TITLE_HEIGHT
Parameters:
-
vNumber标题显示的高度
twaver.controls.ControlBase.adjustBounds
-
rect
设置组件新的位置以及大小,twaver布局管理器(twaver.controls.SplitPane等)在大小变化时会调用此方法
Parameters:
-
rectObject新的位置以及大小,值为包含x、y、width和height属性的Object对象
twaver.controls.ControlBase.getView
()
HTMLDivElement
获取组件的HTML元素
Returns:
返回组件的HTML元素
twaver.controls.ControlBase.invalidate
-
[delay]
无效组件,在等待指定毫秒数后,刷新组件(调用validate方法),当组件属性更改后,须调用此方法,让组件重画
Parameters:
-
[delay]Number optional延迟刷新等待的毫秒数,可选,默认为twaver.Defaults.CALL_LATER_DELAY
twaver.controls.ControlBase.isAutoAdjustBounds
()
Boolean
获取视图是否自动计算Bounds(边界)
Returns:
是否自动调整Bounds
twaver.controls.ControlBase.setAutoAdjustBounds
-
autoAdjustBounds
设置视图是否自动计算Bounds
Parameters:
-
autoAdjustBoundsBoolean是否自动计算Bounds
twaver.controls.ControlBase.validate
()
重画组件,调用invalidate后,此方法会被调用
twaver.controls.ControlBase.validateImpl
()
调用validate方法后,此方法会被调用,子类须重载此方法以重画组件
twaver.PropertyChangeDispatcher.addPropertyChangeListener
-
listener -
[scope] -
[ahead]
添加属性变化监听器,用于监听属性变化
Parameters:
-
listenerFunction属性变化监听器
-
[scope]Object optional可选,属性变化监听器的作用域,默认为null,即全局
-
[ahead]Boolean optional可选,是否将此监听放在最前面,默认为false
Example:
var dispatcher = new twaver.PropertyChangeDispatcher(); dispatcher.addPropertyChangeListener(function (e) { console.log(e.property, e.newValue, e.oldValue); });
twaver.PropertyChangeDispatcher.firePropertyChange
-
property -
oldValue -
newValue
派发属性变化事件,属性变化时调用此方法
Parameters:
-
propertyString发生变化的属性
-
oldValueObject和此属性相关的旧值
-
newValueObject和此属性相关的新值
Returns:
如果新值和旧值相等则返回false,否则返回true
twaver.PropertyChangeDispatcher.getClassName
()
String
获取此类的字符串类名
Returns:
返回此类的字符串类名
twaver.PropertyChangeDispatcher.onPropertyChanged
-
e
属性变化时(firePropertyChange)触发的动作,不需要调用此方法,但可以重载此方法执行自定义逻辑
Parameters:
-
eObject属性变化事件,包含property、oldValue和newValue的Object对象
twaver.PropertyChangeDispatcher.removePropertyChangeListener
-
listener -
[scope]
删除指定作用域的属性变化监听器,作用域必须和添加监听器时的作用域一致,相同的作用域的相同监听器只能成功添加一次
Parameters:
-
listenerFunction属性变化监听器
-
[scope]Object optional属性变化监听器的作用域,可选,默认为null,代表全局
