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