new Panel(config)
创建一个面板, 此插件依赖 CSS 动画,使用此插件之前,需要先引入 ht-cssanimation.js
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
config |
PanelConfig |
<optional> |
Requires:
- module:ht-cssanimation.js
- module:ht-panel.js
Requires
- module:ht-cssanimation.js
- module:ht-panel.js
Methods
-
addEventListener(property, fun, scope) → {void}
-
增加事件监听
Parameters:
Name Type Attributes Description propertystring 监听名称
funfunction 监听函数
scopeObject <optional>
监听器函数域
Returns:
void -
addToDOM(parentNode) → {void}
-
将视图插入到 dom 中
Parameters:
Name Type Attributes Description parentNodeHTMLDivElement <optional>
父DOM
Returns:
void -
addViewListener(listener, scope, ahead) → {void}
-
监听视图事件,如布局、刷新等
Parameters:
Name Type Attributes Description listenerfunction 监听器函数
scopeObject <optional>
监听器函数域
aheadboolean <optional>
是否将当前监听器插入到监听器列表开头
Returns:
void -
fireViewEvent(kind) → {void}
-
Parameters:
Name Type Description kindstring Returns:
void -
getClass() → {function}
-
获取类声明(构造函数)
Returns:
function -类声明(构造函数)
-
getDisabledDiv() → {HTMLElement}
-
获取被禁用组件的div
Returns:
HTMLElement -被禁用组件的div
-
getDragContainment() → {boolean}
-
获取是否限制在父容器中拖拽
Returns:
boolean -是否限制在父容器中拖拽
-
getHeight() → {number}
-
获取布局高度
Returns:
number -布局高度
-
getIconStretch() → {string}
-
获取图标拉伸方式
Returns:
string -
getPanelConfig(id) → {PanelConfig}
-
根据 id 获得面板配置,在配置中可获得 width、contentHeight、expanded 等状态,只可查询,不可修改
Parameters:
Name Type Description idstring | number -
getPanelView(id) → {HTMLDivElement}
-
根据id获得面板的 DIV
Parameters:
Name Type Description idstring | number Returns:
HTMLDivElement -面板的 DIV
-
getPosition() → {object}
-
获取面板相对父节点位置
Returns:
object -面板位置
-
getPositionRelativeTo() → {string}
-
获取面板位置
Returns:
string -面板位置
-
getSuperClass() → {function}
-
获取父类声明(构造函数)
Returns:
function -父类声明(构造函数)
-
getView() → {HTMLDivElement}
-
获取组件的根层div
Returns:
HTMLDivElement -
getWidth() → {number}
-
获取布局宽度
Returns:
number -布局宽度
-
invalidate(delay) → {void}
-
无效组件,并调用延时刷新
Parameters:
Name Type Attributes Description delaynumber <optional>
延迟刷新的间隔时间(单位:ms)
Returns:
void- See:
-
isDisabled() → {boolean}
-
组件是否处于不可用状态,处于此状态时不能进行任何操作并且会遮挡一层蒙板
Returns:
boolean -
iv(delay) → {void}
-
无效组件,并调用延时刷新
Parameters:
Name Type Attributes Description delaynumber <optional>
延迟刷新的间隔时间(单位:ms)
Returns:
void- See:
-
layout(x, y, width, height) → {void}
-
执行布局
Parameters:
Name Type Description xnumber 视图左上角布局 x 点位置
ynumber 视图左上角布局 y 点位置
widthnumber 视图宽度
heightnumber 视图高度
Returns:
void -
minimize() → {void}
-
最小化面板
Returns:
void -
removeInnerPanel(id) → {void}
-
根据id删除子面板
Parameters:
Name Type Description idstring | number 子面板 id
Returns:
void -
removePropertyChangeListener(listener, scope) → {void}
-
删除自身属性变化事件监听器
Parameters:
Name Type Attributes Description listenerfunction 监听器函数
scopeObject <optional>
监听器函数域
Returns:
void -
removeViewListener(listener, scope) → {void}
-
删除视图事件监听器
Parameters:
Name Type Attributes Description listenerfunction 监听器函数
scopeObject <optional>
监听器函数域
Returns:
void -
restore() → {void}
-
将面板从最小化状态恢复
Returns:
void -
setConfig(config) → {void}
-
配置面板参数
Parameters:
Name Type Description configPanelConfig Returns:
void -
setCursor(style) → {void}
-
设置 css 的鼠标样式,cursor
Parameters:
Name Type Description stylestring Returns:
void -
setDisabled(value, iconUrl) → {void}
-
设置组件是否处于不可用状态,处于不可用状态时不能进行任何操作并且会遮挡一层蒙板
Parameters:
Name Type Attributes Description valueboolean 是否禁用组件
iconUrlstring <optional>
蒙板上显示的icon的路径
Returns:
void -
setDragContainment(value) → {void}
-
设置是否限制在父容器中拖拽,默认为parent,改为null可取消限制
Parameters:
Name Type Description valuestring Returns:
void -
setFocus() → {void}
-
设置视图聚焦
Returns:
void -
setHeight(height) → {void}
-
设置布局高度
Parameters:
Name Type Description heightnumber 高度值
Returns:
void -
setInnerPanel(config) → {void}
-
传入一个指定配置参数的 js 对象,如果对象的id与面板中某个子面板id重复则更新那个子面板,否则新增一个子面板
Parameters:
Name Type Description configPanelConfig Returns:
void -
setPosition(x, y) → {void}
-
设置面板在父容器中的位置
Parameters:
Name Type Description xnumber x轴位置
ynumber y轴位置
Returns:
void -
setPositionRelativeTo(relativeTo) → {void}
-
设置面板相对父容器哪个角落定位,参数枚举:leftTop、leftBottom、rightTop、rightBottom
Parameters:
Name Type Description relativeTostring 位置
Returns:
void -
setTitle(title, id) → {void}
-
设置面板标题,不设置 id 即为设置最外层标题
Parameters:
Name Type Attributes Description titlestring 标题内容
idstring | number <optional>
面板 id
Returns:
void -
setWidth(v) → {void}
-
设置布局宽度
Parameters:
Name Type Description vnumber 宽度值
Returns:
void -
togglePanel(id) → {void}
-
根据 id 切换面板状态(展开或合并)
Parameters:
Name Type Description idstring | number 面板 id
Returns:
void -
validate() → {void}
-
立刻刷新拓扑
Returns:
void -
validateImpl() → {void}
-
刷新
Returns:
void