new SplitView(leftView, rightView, orientation, position)
分割组件,用于左右或上下分割两个组件
Parameters:
Name | Type | Description |
---|---|---|
leftView |
Object | HTMLElement | 左侧或顶部组件 |
rightView |
Object | HTMLElement | 右侧或底部组件 |
orientation |
Boolean | 布局方式,v上下布局,h左右布局 |
position |
Number | 分割条位置,0-1之间表示百分比,大于1表示绝对尺寸,正数指定左侧或顶部组件的尺寸,负数指定右侧或底部组件的尺寸 |
Methods
-
addPropertyChangeListener(listener, scope, ahead)
-
增加自身属性变化事件监听器
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
ahead
Boolean <optional>
是否将当前监听器插入到监听器列表开头
- See:
-
addViewListener(listener, scope, ahead)
-
监听视图事件,如布局、刷新等
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
ahead
Boolean <optional>
是否将当前监听器插入到监听器列表开头
-
getDividerBackground() → {color}
-
获取分割条背景色
Returns:
- Type
- color
-
getDividerDiv() → {HTMLDivElement}
-
获取分割条DIV
Returns:
- Type
- HTMLDivElement
-
getDividerSize() → {Number}
-
获取分割条宽度
Returns:
- Type
- Number
-
getDragOpacity() → {Number}
-
获取分割条拖拽时的透明度,默认为0.5
Returns:
- Type
- Number
-
getHeight() → {Number}
-
获取布局高度
Returns:
- Type
- Number
-
getLeftView() → {Object|HTMLElement}
-
获取左侧组件
Returns:
- Type
- Object | HTMLElement
-
getOrientation() → {String}
-
获取布局方式,v上下布局,h左右布局
Returns:
- Type
- String
-
getPosition() → {Number}
-
获取分割条位置,0-1之间表示百分比,大于1表示绝对尺寸,正数指定左侧或顶部组件的尺寸,负数指定右侧或底部组件的尺寸
Returns:
- Type
- Number
-
getRightView() → {Object|HTMLElement}
-
获取右侧组件
Returns:
- Type
- Object | HTMLElement
-
getStatus() → {String}
-
获取toggle状态
Returns:
- normal代表中间分割状态
- cl代表collapse left关闭左侧或顶部组件
- cr代表collapse right关闭右侧或底部组件
- Type
- String
-
getToggleIcon() → {String}
-
获取分割条上的toggle图标
Returns:
- Type
- String
-
getView() → {HTMLDivElement}
-
获取组件的根层div
Returns:
- Type
- HTMLDivElement
-
getWidth() → {Number}
-
获取布局宽度
Returns:
- Type
- Number
-
invalidate(delay)
-
无效组件,并调用延时刷新
Parameters:
Name Type Description delay
Number 延迟刷新的间隔事件(单位:ms)
- See:
-
isDisabled() → {Boolean}
-
组件是否处于不可用状态,处于此状态时不能进行任何操作并且会遮挡一层蒙板
Returns:
- Type
- Boolean
-
isDraggable() → {Boolean}
-
获取是否允许拖拽分割条,默认为true
Returns:
- Type
- Boolean
-
isTogglable() → {Boolean}
-
获取分割点是否可通过点击直接展开和关闭,默认为true
Returns:
- Type
- Boolean
-
iv(delay)
-
无效组件,并调用延时刷新,invalidate的缩写
Parameters:
Name Type Description delay
Number 延迟刷新的间隔事件(单位:ms)
- See:
-
mp(listener, scope, ahead)
-
增加自身属性变化事件监听器,addPropertyChangeListener的缩写
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
ahead
Boolean <optional>
是否将当前监听器插入到监听器列表开头
-
removePropertyChangeListener(listener, scope)
-
删除自身属性变化事件监听器
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
-
removeViewListener(listener, scope)
-
删除视图事件监听器
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
-
setDisabled(value, iconUrl)
-
设置组件是否处于不可用状态,处于不可用状态时不能进行任何操作并且会遮挡一层蒙板
Parameters:
Name Type Argument Description value
Boolean 是否禁用组件
iconUrl
String <optional>
蒙板上显示的icon的路径
-
setDividerBackground(background)
-
设置分割条背景色
Parameters:
Name Type Description background
color -
setDividerSize(size)
-
设置分割条宽度
Parameters:
Name Type Description size
Number -
setDraggable(draggable)
-
设置是否允许拖拽分割条,默认为true
Parameters:
Name Type Description draggable
Boolean -
setDragOpacity(opacity)
-
设置分割条拖拽时的透明度,默认为0.5
Parameters:
Name Type Description opacity
Number -
setHeight(height)
-
设置布局高度
Parameters:
Name Type Description height
Number -
setLeftView(left)
-
设置左侧组件
Parameters:
Name Type Description left
Object | HTMLElement -
setOrientation(orientation)
-
设置布局方式,v上下布局,h左右布局
Parameters:
Name Type Description orientation
String -
setPosition(position)
-
设置分割条位置,0-1之间表示百分比,大于1表示绝对尺寸,正数指定左侧或顶部组件的尺寸,负数指定右侧或底部组件的尺寸
Parameters:
Name Type Description position
Number -
setRightView(right)
-
设置右侧组件
Parameters:
Name Type Description right
Object | HTMLElement -
setStatus(status)
-
设置toggle状态
Parameters:
Name Type Description status
String - normal代表中间分割状态
- cl代表collapse left关闭左侧或顶部组件
- cr代表collapse right关闭右侧或底部组件
-
setTogglable(togglable)
-
设置分割点是否可通过点击直接展开和关闭,默认为true
Parameters:
Name Type Description togglable
Boolean -
setToggleIcon(icon)
-
设置分割条上的toggle图标
Parameters:
Name Type Description icon
String -
setWidth(width)
-
设置布局宽度
Parameters:
Name Type Description width
Number -
ump(listener, scope)
-
删除自身属性变化事件监听器,removePropertyChangeListener的缩写
Parameters:
Name Type Argument Description listener
function 监听器函数
scope
Object <optional>
监听器函数域
-
validate()
-
立刻刷新组件