API Docs for: TWaver HTML5 5.7.5
Show:

twaver.controls.Accordion Class

可折叠面板

是TWaver提供的用于存储面板的控件,这种面板中可以存放多个DIV面板,并对存放的DIV面板进行折叠操作。

可折叠面板中的DIV面板只能同时打开其中的一个DIV面板,当点击另外一个DIV的标题时,它会将当前打开的DIV合并,并展开点击的DIV。

可折叠面板使用DIV的标题来唯一标识其中的DIV对象。 有关Accordion的使用可以参开LinkEditorDemo

Constructor

twaver.controls.Accordion

() twaver.controls.Accordion

Returns:

twaver.controls.Accordion:

可折叠面板对象本身

Item Index

Methods

Methods

twaver.controls.Accordion.add

(
  • title
  • content
)

添加指定的内容面板到可折叠面板中

Parameters:

  • title String

    指定内容面板的标题

  • content Object

    指定的内容面板

twaver.controls.Accordion.clear

()

清空折叠面板中所有的DIV

twaver.controls.Accordion.collapse

()

合并当前的面板

twaver.controls.Accordion.expand

(
  • title
)

展开指定标题的面板

Parameters:

  • title String

    指定面板的标题

twaver.controls.Accordion.getBorderBottomColor

() String

获取可折叠面板中DIV面板边框底部的颜色,默认为twaver.Defaults.ACCORDION_BORDER_BOTTOM_COLOR

Returns:

String:

底部边框的颜色

twaver.controls.Accordion.getCollapseIcon

() String

获取面板合并时的图标,默认为twaver.Defaults.ACCORDION_COLLAPSE_ICON

Returns:

String:

面板合并时的图标

twaver.controls.Accordion.getCurrentTitle

() String

获取当前展开面板的标题

Returns:

String:

面板的标题

twaver.controls.Accordion.getExpandIcon

() String

获取面板展开时的图标,默认为twaver.Defaults.ACCORDION_EXPAND_ICON

Returns:

String:

面板展开时的图标

twaver.controls.Accordion.getIconPosition

() String

获取可折叠面板图标位置

Returns:

String:

返回可折叠面板图标位置

twaver.controls.Accordion.getTitleBackground

() String

获取DIV面板标题的背景色,默认为twaver.Defaults.ACCORDION_TITLE_BACKGROUND

Returns:

String:

标题的背景色

twaver.controls.Accordion.getTitleHeight

() Number

获取DIV面板标题的高度,默认为 twaver.Defaults.ACCORDION_TITLE_HEIGHT

Returns:

Number:

标题的高度值

twaver.controls.Accordion.getTitles

() twaver.List

获取折叠面板中所有DIV面板的标题列表

Returns:

twaver.List:

面板标题的列表

twaver.controls.Accordion.handleMouseDown

(
  • e
)

鼠标点击折叠面板时的处理函数

Parameters:

  • e MouseEvent

    鼠标点击事件

twaver.controls.Accordion.onCollapsed

(
  • title
)

合并面板时的处理函数,用户不需要自己调用此方法,但可以重载此方法实现自己的逻辑

Parameters:

  • title String

    合并面板的标题

twaver.controls.Accordion.onExpanded

(
  • title
)

展开面板时的处理函数,用户不需要自己调用此方法,但可以重载此方法实现自己的逻辑

Parameters:

  • title String

    展开面板的标题

twaver.controls.Accordion.remove

(
  • title
)

删除指定的面板

Parameters:

  • title String

    指定面板的标题

twaver.controls.Accordion.setBorderBottomColor

(
  • v
)

设置可折叠面板中DIV面板边框底部的颜色,默认为twaver.Defaults.ACCORDION_BORDER_BOTTOM_COLOR

Parameters:

  • v String

    底部边框的颜色

twaver.controls.Accordion.setCollapseIcon

(
  • v
)

设置面板合并时的图标,默认为twaver.Defaults.ACCORDION_COLLAPSE_ICON

Parameters:

  • v String

    面板合并时的图标

twaver.controls.Accordion.setExpandIcon

(
  • v
)

设置面板展开时的图标,默认为twaver.Defaults.ACCORDION_EXPAND_ICON

Parameters:

  • v String

    面板展开时的图标

twaver.controls.Accordion.setIconPosition

(
  • v
)

设置可折叠面板图标位置

Parameters:

  • v String

    可折叠面板图标位置

twaver.controls.Accordion.setTitleBackground

(
  • v
)

设置DIV面板标题的背景色,默认为twaver.Defaults.ACCORDION_TITLE_BACKGROUND

Parameters:

  • v String

    所有标题的背景色

twaver.controls.Accordion.setTitleHeight

(
  • v
)

设置DIV面板标题的高度,默认为 twaver.Defaults.ACCORDION_TITLE_HEIGHT

Parameters:

  • v Number

    标题显示的高度

twaver.controls.ControlBase.addPool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

添加HTML元素缓存池

Parameters:

twaver.controls.ControlBase.adjustBounds

(
  • rect
)

Inherited from twaver.controls.ControlBase:

设置组件新的位置以及大小,twaver布局管理器(twaver.controls.SplitPane等)在大小变化时会调用此方法

Parameters:

  • rect Object

    新的位置以及大小,值为包含x、y、width和height属性的Object对象

twaver.controls.ControlBase.getView

() HTMLDivElement

Inherited from twaver.controls.ControlBase:

获取组件的HTML元素

Returns:

HTMLDivElement:

返回组件的HTML元素

twaver.controls.ControlBase.invalidate

(
  • [delay]
)

Inherited from twaver.controls.ControlBase:

无效组件,在等待指定毫秒数后,刷新组件(调用validate方法),当组件属性更改后,须调用此方法,让组件重画

Parameters:

  • [delay] Number optional

    延迟刷新等待的毫秒数,可选,默认为twaver.Defaults.CALL_LATER_DELAY

twaver.controls.ControlBase.isAutoAdjustBounds

() Boolean

Inherited from twaver.controls.ControlBase:

获取视图是否自动计算Bounds(边界)

Returns:

Boolean:

是否自动调整Bounds

twaver.controls.ControlBase.removePool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

删除HTML元素缓存池

Parameters:

twaver.controls.ControlBase.setAutoAdjustBounds

(
  • autoAdjustBounds
)

Inherited from twaver.controls.ControlBase:

设置视图是否自动计算Bounds

Parameters:

  • autoAdjustBounds Boolean

    是否自动计算Bounds

twaver.controls.ControlBase.validate

()

Inherited from twaver.controls.ControlBase:

重画组件,调用invalidate后,此方法会被调用

twaver.controls.ControlBase.validateImpl

()

Inherited from twaver.controls.ControlBase:

调用validate方法后,此方法会被调用,子类须重载此方法以重画组件

twaver.PropertyChangeDispatcher.addPropertyChangeListener

(
  • listener
  • [scope]
  • [ahead]
)

添加属性变化监听器,用于监听属性变化

Parameters:

  • listener Function

    属性变化监听器

  • [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
)
Boolean

派发属性变化事件,属性变化时调用此方法

Parameters:

  • property String

    发生变化的属性

  • oldValue Object

    和此属性相关的旧值

  • newValue Object

    和此属性相关的新值

Returns:

Boolean:

如果新值和旧值相等则返回false,否则返回true

twaver.PropertyChangeDispatcher.getClassName

() String

获取此类的字符串类名

Returns:

String:

返回此类的字符串类名

twaver.PropertyChangeDispatcher.onPropertyChanged

(
  • e
)

属性变化时(firePropertyChange)触发的动作,不需要调用此方法,但可以重载此方法执行自定义逻辑

Parameters:

  • e Object

    属性变化事件,包含property、oldValue和newValue的Object对象

twaver.PropertyChangeDispatcher.removePropertyChangeListener

(
  • listener
  • [scope]
)

删除指定作用域的属性变化监听器,作用域必须和添加监听器时的作用域一致,相同的作用域的相同监听器只能成功添加一次

Parameters:

  • listener Function

    属性变化监听器

  • [scope] Object optional

    属性变化监听器的作用域,可选,默认为null,代表全局