twaver.controls.BorderPane Class
边框面板
它是一个采用边框布局的面板,分为上、下、左、右、中间五个区域,每个区域可以放置组件,DIV,ControlBase对象,可以设置各个区域所占的大小。中间区域采用的是填充的方式,也可以设置各个区域之间的间距
Constructor
twaver.controls.BorderPane
-
[center] -
[top] -
[right] -
[bottom] -
[left]
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的类型
Returns:
Item Index
Methods
- twaver.controls.BorderPane.getBottom
- twaver.controls.BorderPane.getBottomHeight
- twaver.controls.BorderPane.getCenter
- twaver.controls.BorderPane.getHGap
- twaver.controls.BorderPane.getLeft
- twaver.controls.BorderPane.getLeftWidth
- twaver.controls.BorderPane.getRight
- twaver.controls.BorderPane.getRightWidth
- twaver.controls.BorderPane.getTop
- twaver.controls.BorderPane.getTopHeight
- twaver.controls.BorderPane.getVGap
- twaver.controls.BorderPane.setBottom
- twaver.controls.BorderPane.setBottomHeight
- twaver.controls.BorderPane.setCenter
- twaver.controls.BorderPane.setHGap
- twaver.controls.BorderPane.setLeft
- twaver.controls.BorderPane.setLeftWidth
- twaver.controls.BorderPane.setRight
- twaver.controls.BorderPane.setRightWidth
- twaver.controls.BorderPane.setTop
- twaver.controls.BorderPane.setTopHeight
- twaver.controls.BorderPane.setVGap
- 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.BorderPane.getBottom
()
Object
获取边框面板中下面部分的面板
Returns:
边框面板中下面部分的面板
twaver.controls.BorderPane.getBottomHeight
()
Number
获取边框面板中下面部分面板的高度
Returns:
边框面板中下面部分面板的高度
twaver.controls.BorderPane.getCenter
()
Object
获取边框面板中中间部分的面板
Returns:
边框面板中中间部分的面板
twaver.controls.BorderPane.getHGap
()
Number
获取各个组件之间的水平间距
Returns:
各个组件之间的水平间距
twaver.controls.BorderPane.getLeft
()
Object
获取边框面板中左边部分的面板
Returns:
边框面板中左边部分的面板
twaver.controls.BorderPane.getLeftWidth
()
Number
获取边框面板中左边部分面板的宽度
Returns:
边框面板中左边部分面板的宽度
twaver.controls.BorderPane.getRight
()
Object
获取边框面板中右边部分的面板
Returns:
边框面板中右边部分的面板
twaver.controls.BorderPane.getRightWidth
()
Number
获取边框面板中右边部分面板的宽度
Returns:
边框面板中右边部分的宽度
twaver.controls.BorderPane.getTop
()
Object
获取边框面板中上边部分的面板
Returns:
边框面板中上边部分的面板
twaver.controls.BorderPane.getTopHeight
()
Number
获取边框面板中上边部分面板的高度
Returns:
边框面板中上边部分面板的高度
twaver.controls.BorderPane.getVGap
()
Number
获取各个组件之间的垂直间距
Returns:
各个组件之间的垂直间距
twaver.controls.BorderPane.setBottom
-
value
设置边框面板中下面部分的面板
Parameters:
-
valueObject边框面板中下面部分的面板
twaver.controls.BorderPane.setBottomHeight
-
v
设置边框面板中下面部分面板的高度
Parameters:
-
vNumber边框面板中下面部分面板的高度
twaver.controls.BorderPane.setCenter
-
value
设置边框面板中中间部分的面板
Parameters:
-
valueObject边框面板中中间部分的面板
twaver.controls.BorderPane.setHGap
-
v
设置各个组件之间的水平间距
Parameters:
-
vNumber各个组件之间的水平间距
twaver.controls.BorderPane.setLeft
-
value
设置边框面板中左边部分的面板
Parameters:
-
valueObject边框面板中左边部分的面板
twaver.controls.BorderPane.setLeftWidth
-
v
设置边框面板中左边部分面板的宽度
Parameters:
-
vNumber边框面板中左边部分面板的宽度
twaver.controls.BorderPane.setRight
-
value
设置边框面板中右边部分的面板
Parameters:
-
valueObject边框面板中右边部分的面板
twaver.controls.BorderPane.setRightWidth
-
v
设置边框面板中右边部分面板的宽度
Parameters:
-
vNumber边框面板中右边部分面板的宽度
twaver.controls.BorderPane.setTop
-
value
设置边框面板中上边部分的面板
Parameters:
-
valueObject边框面板中上边部分的面板
twaver.controls.BorderPane.setTopHeight
-
v
设置边框面板中上边部分面板的高度
Parameters:
-
vNumber边框面板中上边部分面板的高度
twaver.controls.BorderPane.setVGap
-
v
设置各个组件之间的垂直间距
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,代表全局
