API Docs for: TWaver HTML5 5.7.5
Show:

twaver.controls.TitlePane Class

标题面板

它定义了一个带标题栏的面板,可以为标题栏设置显示的图标,文字,背景色,高度,以及文字的对齐方法

Constructor

twaver.controls.TitlePane

(
  • [content]
  • [title]
  • [icon]
)
twaver.controls.TitlePane

Parameters:

  • [content] Object optional

    内容面板,可以是DIV或ControlBase类型的对象

  • [title] String optional

    指定的标题

  • [icon] String optional

    标题栏的图标

Methods

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.controls.TitlePane.getContent

() Object

获取带标题面板中所包含的内容面板

Returns:

Object:

内容面板对象

twaver.controls.TitlePane.getIcon

() String

获取标题栏上显示的图标

Returns:

String:

标题栏上的图标

twaver.controls.TitlePane.getTitle

() String

获取标题栏上显示的标题名称

Returns:

String:

标题名称

twaver.controls.TitlePane.getTitleBackground

() String

获取标题的背景色。默认为twaver.Defaults.TITLEPANE_TITLE_BACKGROUND

Returns:

String:

标题的背景色

twaver.controls.TitlePane.getTitleDiv

() HTMLDivElement

获取标题栏的DIV

Returns:

HTMLDivElement:

标题栏的DIV

twaver.controls.TitlePane.getTitleHeight

() Number

获取标题栏的高度,默认为twaver.Defaults.TITLEPANE_TITLE_HEIGHT

Returns:

Number:

标题栏的高度

twaver.controls.TitlePane.getTitleHorizontalAlign

() String

获取标题的水平对齐方式,默认为twaver.Defaults.TITLEPANE_TITLE_HORIZONTAL_ALIGN 标题的对齐方式可选值为: left:左对齐。 right:右对齐。
center:中间对齐。
justify: 填充对齐,使得一行上每个文字的间隔相同。
inherit:继承于父亲的对齐方式。 更多的对齐方式可以参考CSS中的text-align样式

Returns:

String:

标题的水平对齐方式

twaver.controls.TitlePane.setContent

(
  • value
)

设置标题面板中所包含的内容面板

Parameters:

  • value Object

    内容面板对象,可以为DIV或为ControlBase类型的对象

twaver.controls.TitlePane.setIcon

(
  • v
)

设置标题栏上显示的图标

Parameters:

  • v String

    标题栏上的图标

twaver.controls.TitlePane.setTitle

(
  • v
)

设置标题栏上显示的标题名称

Parameters:

  • v String

    标题名称

twaver.controls.TitlePane.setTitleBackground

(
  • v
)

设置标题的背景色。默认为twaver.Defaults.TITLEPANE_TITLE_BACKGROUND

Parameters:

  • v String

    标题的背景色

twaver.controls.TitlePane.setTitleHeight

(
  • v
)

设置标题栏的高度,默认为twaver.Defaults.TITLEPANE_TITLE_HEIGHT

Parameters:

  • v Number

    标题栏的高度

twaver.controls.TitlePane.setTitleHorizontalAlign

(
  • v
)

设置标题的水平对齐方式,默认为twaver.Defaults.TITLEPANE_TITLE_HORIZONTAL_ALIGN 标题的对齐方式可选值为: left:左对齐。 right:右对齐。
center:中间对齐。
justify: 填充对齐,使得一行上每个文字的间隔相同。
inherit:继承于父亲的对齐方式。 更多的对齐方式可以参考CSS中的text-align样式

Parameters:

  • v String

    标题的水平对齐方式

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,代表全局