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

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 Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

See:

addToDOM(parentNode)

将组件加入到指定的DOM元素底下,不指定则加入到 document.body 下

Parameters:
Name Type Description
parentNode DOM

DOM元素,默认为 document.body

addViewListener(listener, scope, ahead)

监听视图事件,如布局、刷新等

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

getDividerBackground() → {color}

获取分割条背景色

Returns:
color

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)

无效组件,并调用延时刷新

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)

See:

isDisabled() → {Boolean}

组件是否处于不可用状态,处于此状态时不能进行任何操作并且会遮挡一层蒙板

Returns:
Boolean

isDraggable() → {Boolean}

获取是否允许拖拽分割条,默认为true

Returns:
Boolean

isTogglable() → {Boolean}

获取分割点是否可通过点击直接展开和关闭,默认为true

Returns:
Boolean

iv(delay)

无效组件,并调用延时刷新,invalidate的缩写

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)

See:

mp(listener, scope, ahead)

增加自身属性变化事件监听器,addPropertyChangeListener的缩写

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

See:

removePropertyChangeListener(listener, scope)

删除自身属性变化事件监听器

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

removeViewListener(listener, scope)

删除视图事件监听器

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

setDisabled(value, iconUrl)

设置组件是否处于不可用状态,处于不可用状态时不能进行任何操作并且会遮挡一层蒙板

Parameters:
Name Type Attributes 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 Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

See:

validate()

立刻刷新组件