twaver.controls.TitlePane Class
标题面板
它定义了一个带标题栏的面板,可以为标题栏设置显示的图标,文字,背景色,高度,以及文字的对齐方法
Constructor
twaver.controls.TitlePane
-
[content] -
[title] -
[icon]
Parameters:
-
[content]Object optional内容面板,可以是DIV或ControlBase类型的对象
-
[title]String optional指定的标题
-
[icon]String optional标题栏的图标
Returns:
Item Index
Methods
- 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.controls.TitlePane.getContent
- twaver.controls.TitlePane.getIcon
- twaver.controls.TitlePane.getTitle
- twaver.controls.TitlePane.getTitleBackground
- twaver.controls.TitlePane.getTitleDiv
- twaver.controls.TitlePane.getTitleHeight
- twaver.controls.TitlePane.getTitleHorizontalAlign
- twaver.controls.TitlePane.setContent
- twaver.controls.TitlePane.setIcon
- twaver.controls.TitlePane.setTitle
- twaver.controls.TitlePane.setTitleBackground
- twaver.controls.TitlePane.setTitleHeight
- twaver.controls.TitlePane.setTitleHorizontalAlign
- twaver.PropertyChangeDispatcher.addPropertyChangeListener
- twaver.PropertyChangeDispatcher.firePropertyChange
- twaver.PropertyChangeDispatcher.getClassName
- twaver.PropertyChangeDispatcher.onPropertyChanged
- twaver.PropertyChangeDispatcher.removePropertyChangeListener
Methods
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.controls.TitlePane.getContent
()
Object
获取带标题面板中所包含的内容面板
Returns:
内容面板对象
twaver.controls.TitlePane.getIcon
()
String
获取标题栏上显示的图标
Returns:
标题栏上的图标
twaver.controls.TitlePane.getTitle
()
String
获取标题栏上显示的标题名称
Returns:
标题名称
twaver.controls.TitlePane.getTitleBackground
()
String
获取标题的背景色。默认为twaver.Defaults.TITLEPANE_TITLE_BACKGROUND
Returns:
标题的背景色
twaver.controls.TitlePane.getTitleDiv
()
HTMLDivElement
获取标题栏的DIV
Returns:
标题栏的DIV
twaver.controls.TitlePane.getTitleHeight
()
Number
获取标题栏的高度,默认为twaver.Defaults.TITLEPANE_TITLE_HEIGHT
Returns:
标题栏的高度
twaver.controls.TitlePane.getTitleHorizontalAlign
()
String
获取标题的水平对齐方式,默认为twaver.Defaults.TITLEPANE_TITLE_HORIZONTAL_ALIGN
标题的对齐方式可选值为:
left:左对齐。
right:右对齐。
center:中间对齐。
justify: 填充对齐,使得一行上每个文字的间隔相同。
inherit:继承于父亲的对齐方式。
更多的对齐方式可以参考CSS中的text-align样式
Returns:
标题的水平对齐方式
twaver.controls.TitlePane.setContent
-
value
设置标题面板中所包含的内容面板
Parameters:
-
valueObject内容面板对象,可以为DIV或为ControlBase类型的对象
twaver.controls.TitlePane.setIcon
-
v
设置标题栏上显示的图标
Parameters:
-
vString标题栏上的图标
twaver.controls.TitlePane.setTitle
-
v
设置标题栏上显示的标题名称
Parameters:
-
vString标题名称
twaver.controls.TitlePane.setTitleBackground
-
v
设置标题的背景色。默认为twaver.Defaults.TITLEPANE_TITLE_BACKGROUND
Parameters:
-
vString标题的背景色
twaver.controls.TitlePane.setTitleHeight
-
v
设置标题栏的高度,默认为twaver.Defaults.TITLEPANE_TITLE_HEIGHT
Parameters:
-
vNumber标题栏的高度
twaver.controls.TitlePane.setTitleHorizontalAlign
-
v
设置标题的水平对齐方式,默认为twaver.Defaults.TITLEPANE_TITLE_HORIZONTAL_ALIGN
标题的对齐方式可选值为:
left:左对齐。
right:右对齐。
center:中间对齐。
justify: 填充对齐,使得一行上每个文字的间隔相同。
inherit:继承于父亲的对齐方式。
更多的对齐方式可以参考CSS中的text-align样式
Parameters:
-
vString标题的水平对齐方式
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,代表全局
