ht.widget.SplitView(leftView, rightView, orientation, position)

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
See:

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
See:

validate() → {void}

立刻刷新组件

Returns:
void