ht.widget.AccordionView()

new AccordionView()

折叠组件,用于多组件的折叠展开效果,提供水平和垂直两种布局方式

Methods

add(title, content, expand, icon) → {void}

添加组件

Parameters:
Name Type Attributes Description
title string

组件的标题文字信息,不同组件不得相同

content Object

组件内容,可为HT框架提供的组件对象,也可为原生HTML元素

expand boolean <optional>

组件是否展开,默认为false

icon string <optional>

组件是否展开,默认为false

Returns:
void

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元素底下,不指定则加入到 document.body 下

Parameters:
Name Type Attributes Description
parentNode HTMLElement <optional>

父DOM,默认为 document.body

Returns:
void

addViewListener(listener, scope, ahead) → {void}

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

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

ahead boolean <optional>

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

Returns:
void

clear() → {void}

清除所有组件

Returns:
void

collapse() → {void}

合并当前展开的组件

Returns:
void

drawTitle() → {void}

Returns:
void

expand(title) → {void}

根据标题找到组件并展开

Parameters:
Name Type Description
title string

标题文字

Returns:
void

firePropertyChange(property, oldValue, newValue) → {void}

派发改变事件

Parameters:
Name Type Description
property string

属性

oldValue any

旧值

newValue any

新值

Returns:
void
See:

fireViewEvent(kind) → {void}

Parameters:
Name Type Description
kind string
Returns:
void

fp(property, oldValue, newValue) → {void}

派发改变事件

Parameters:
Name Type Description
property string

属性

oldValue any

旧值

newValue any

新值

Returns:
void
See:

getClass() → {any}

获取类声明(构造函数)

Returns:
any -

类声明(构造函数)

getClassName() → {string}

获取类全名

Returns:
string -

类全名

getCollapseIcon() → {string}

获取合并图标

Returns:
string -

合并图标全名

getCurrentTitle() → {string}

获取当前展开组件的标题

Returns:
string -

当前展开组件的标题

getDisabledDiv() → {HTMLElement}

获取被禁用组件的div

Returns:
HTMLElement -

被禁用组件的div

getExpandIcon() → {string}

获取展开图标

Returns:
string -

展开图标全名

getHeight() → {number}

获取布局高度

Returns:
number -

布局高度

getLabelColor() → {string}

获取标题文字颜色

Returns:
string -

标题文字颜色

getLabelFont(title) → {string}

获取标题文字字体

Parameters:
Name Type Description
title string
Returns:
string -

标题文字字体

getOrientation() → {string}

获取布局方式,默认为vertical或v,可设置为horizontal或h

Returns:
string -

布局方式

getSelectBackground() → {string}

获取标题选中背景色

Returns:
string -

标题选中背景色

getSelectWidth() → {number}

获取标题选中边框宽度

Returns:
number -

标题选中边框宽度

getSeparatorColor() → {string}

获取分割线的颜色

Returns:
string -

分割线的颜色

getSuperClass() → {function}

获取父类声明(构造函数)

Returns:
function -

父类声明(构造函数)

getTitleBackground() → {string}

获取标题背景色

Returns:
string -

标题背景色

getTitleHeight() → {number}

获取标题高度

Returns:
number -

标题高度

getTitles() → {Array.<string>}

获取所有标题

Returns:
Array.<string> -

所有标题

getView() → {HTMLElement}

获取组件的根层div

Returns:
HTMLElement -

组件的根层div

getWidth() → {number}

获取布局宽度

Returns:
number -

布局宽度

invalidate(delay) → {void}

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

Parameters:
Name Type Description
delay number

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

Returns:
void
See:

isDisabled() → {boolean}

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

Returns:
boolean -

组件是否处于不可用状态

isExpanded(title) → {boolean}

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

Parameters:
Name Type Description
title string
Returns:
boolean -

判断指定的title是否处于展开状态

iv(delay) → {void}

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

Parameters:
Name Type Description
delay number

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

Returns:
void
See:

mp(listener, scope, ahead) → {void}

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

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope any <optional>

监听器函数域

ahead boolean <optional>

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

Returns:
void
See:

onCollapsed(title) → {void}

合并标题时调用,可重载做后续处理

Parameters:
Name Type Description
title string

标题

Returns:
void

onExpanded(title) → {void}

展开标题时调用,可重载做后续处理

Parameters:
Name Type Description
title string

标题

Returns:
void

onPropertyChanged(event) → {void}

属性变化回调函数,可重载做后续处理

Parameters:
Name Type Description
event Object

属性变化事件

Returns:
void
Example
//event格式:
{
	property: 'name',//发生变化的属性
	oldValue: 'oldValue',//旧值
	newValue: 'newValue',''新值
	data: data//发生变化的data
}

remove(title) → {void}

根据标题找到组件并删除

Parameters:
Name Type Description
title string

标题

Returns:
void

removePropertyChangeListener(listener, scope) → {void}

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

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

Returns:
void
See:

removeViewListener(listener, scope) → {void}

删除视图事件监听器

Parameters:
Name Type Attributes Description
listener function

监听器函数

scope Object <optional>

监听器函数域

Returns:
void

setCollapseIcon(icon) → {void}

设置合并图标

Parameters:
Name Type Description
icon string | Object

图标

Returns:
void

setDisabled(value, iconUrl) → {void}

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

Parameters:
Name Type Attributes Description
value boolean

是否禁用组件

iconUrl string <optional>

蒙板上显示的icon的路径

Returns:
void

setExpandIcon(icon) → {void}

设置展开图标

Parameters:
Name Type Description
icon string | Object

图标

Returns:
void

setFocus(titlt) → {void}

根据标题找到组件设置焦点

Parameters:
Name Type Description
titlt string
Returns:
void

setHeight(v) → {void}

设置布局高度

Parameters:
Name Type Description
v number

高度值

Returns:
void

setLabelColor(Color) → {void}

设置标题文字颜色

Parameters:
Name Type Description
Color string

颜色值

Returns:
void

setLabelFont(font) → {void}

设置标题文字字体

Parameters:
Name Type Description
font string

字体

Returns:
void

setOrientation(v) → {void}

设置布局方式,默认为vertical或v,可设置为horizontal或h

Parameters:
Name Type Description
v string

布局方式

Returns:
void

setSelectBackground(Color) → {void}

设置行选中背景颜色

Parameters:
Name Type Description
Color string

颜色值

Returns:
void

setSelectWidth(v) → {void}

设置标题选中边框宽度

Parameters:
Name Type Description
v number

宽度

Returns:
void

setSeparatorColor(Color) → {void}

设置分割线颜色

Parameters:
Name Type Description
Color string

颜色值

Returns:
void

setTitleBackground(Color) → {void}

设置标题背景色

Parameters:
Name Type Description
Color string

颜色值

Returns:
void

setTitleHeight(v) → {void}

设置标题高度

Parameters:
Name Type Description
v number

高度

Returns:
void

setWidth(v) → {void}

设置布局宽度

Parameters:
Name Type Description
v 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