API Docs for: TWaver HTML5 5.7.5
Show:

twaver.controls.BorderPane Class

边框面板

它是一个采用边框布局的面板,分为上、下、左、右、中间五个区域,每个区域可以放置组件,DIV,ControlBase对象,可以设置各个区域所占的大小。中间区域采用的是填充的方式,也可以设置各个区域之间的间距

Constructor

twaver.controls.BorderPane

(
  • [center]
  • [top]
  • [right]
  • [bottom]
  • [left]
)
twaver.controls.BorderPane

Parameters:

  • [center] Object optional

    中间面板的对象,面板对象可以为DIV,也可以为ControlBase的类型

  • [top] Object optional

    上面面板的对象,面板对象可以为DIV,也可以为ControlBase的类型

  • [right] Object optional

    右边面板的对象,面板对象可以为DIV,也可以为ControlBase的类型

  • [bottom] Object optional

    下面面板的对象,面板对象可以为DIV,也可以为ControlBase的类型

  • [left] Object optional

    左边面板的对象,面板对象可以为DIV,也可以为ControlBase的类型

Methods

twaver.controls.BorderPane.getBottom

() Object

获取边框面板中下面部分的面板

Returns:

Object:

边框面板中下面部分的面板

twaver.controls.BorderPane.getBottomHeight

() Number

获取边框面板中下面部分面板的高度

Returns:

Number:

边框面板中下面部分面板的高度

twaver.controls.BorderPane.getCenter

() Object

获取边框面板中中间部分的面板

Returns:

Object:

边框面板中中间部分的面板

twaver.controls.BorderPane.getHGap

() Number

获取各个组件之间的水平间距

Returns:

Number:

各个组件之间的水平间距

twaver.controls.BorderPane.getLeft

() Object

获取边框面板中左边部分的面板

Returns:

Object:

边框面板中左边部分的面板

twaver.controls.BorderPane.getLeftWidth

() Number

获取边框面板中左边部分面板的宽度

Returns:

Number:

边框面板中左边部分面板的宽度

twaver.controls.BorderPane.getRight

() Object

获取边框面板中右边部分的面板

Returns:

Object:

边框面板中右边部分的面板

twaver.controls.BorderPane.getRightWidth

() Number

获取边框面板中右边部分面板的宽度

Returns:

Number:

边框面板中右边部分的宽度

twaver.controls.BorderPane.getTop

() Object

获取边框面板中上边部分的面板

Returns:

Object:

边框面板中上边部分的面板

twaver.controls.BorderPane.getTopHeight

() Number

获取边框面板中上边部分面板的高度

Returns:

Number:

边框面板中上边部分面板的高度

twaver.controls.BorderPane.getVGap

() Number

获取各个组件之间的垂直间距

Returns:

Number:

各个组件之间的垂直间距

twaver.controls.BorderPane.setBottom

(
  • value
)

设置边框面板中下面部分的面板

Parameters:

  • value Object

    边框面板中下面部分的面板

twaver.controls.BorderPane.setBottomHeight

(
  • v
)

设置边框面板中下面部分面板的高度

Parameters:

  • v Number

    边框面板中下面部分面板的高度

twaver.controls.BorderPane.setCenter

(
  • value
)

设置边框面板中中间部分的面板

Parameters:

  • value Object

    边框面板中中间部分的面板

twaver.controls.BorderPane.setHGap

(
  • v
)

设置各个组件之间的水平间距

Parameters:

  • v Number

    各个组件之间的水平间距

twaver.controls.BorderPane.setLeft

(
  • value
)

设置边框面板中左边部分的面板

Parameters:

  • value Object

    边框面板中左边部分的面板

twaver.controls.BorderPane.setLeftWidth

(
  • v
)

设置边框面板中左边部分面板的宽度

Parameters:

  • v Number

    边框面板中左边部分面板的宽度

twaver.controls.BorderPane.setRight

(
  • value
)

设置边框面板中右边部分的面板

Parameters:

  • value Object

    边框面板中右边部分的面板

twaver.controls.BorderPane.setRightWidth

(
  • v
)

设置边框面板中右边部分面板的宽度

Parameters:

  • v Number

    边框面板中右边部分面板的宽度

twaver.controls.BorderPane.setTop

(
  • value
)

设置边框面板中上边部分的面板

Parameters:

  • value Object

    边框面板中上边部分的面板

twaver.controls.BorderPane.setTopHeight

(
  • v
)

设置边框面板中上边部分面板的高度

Parameters:

  • v Number

    边框面板中上边部分面板的高度

twaver.controls.BorderPane.setVGap

(
  • v
)

设置各个组件之间的垂直间距

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