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 property
string 监听名称
fun
function 监听函数
scope
Object <optional>
监听器函数域
Returns:
void -
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 -
fireViewEvent(kind) → {void}
-
Parameters:
Name Type Description kind
string 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 id
string | number -
getPanelView(id) → {HTMLDivElement}
-
根据id获得面板的 DIV
Parameters:
Name Type Description id
string | 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 delay
number <optional>
延迟刷新的间隔事件(单位:ms)
Returns:
void- See:
-
isDisabled() → {boolean}
-
组件是否处于不可用状态,处于此状态时不能进行任何操作并且会遮挡一层蒙板
Returns:
boolean -
iv(delay) → {void}
-
无效组件,并调用延时刷新
Parameters:
Name Type Attributes Description delay
number <optional>
延迟刷新的间隔事件(单位:ms)
Returns:
void- See:
-
layout(x, y, width, height) → {void}
-
执行布局
Parameters:
Name Type Description x
number 视图左上角布局 x 点位置
y
number 视图左上角布局 y 点位置
width
number 视图宽度
height
number 视图高度
Returns:
void -
minimize() → {void}
-
最小化面板
Returns:
void -
removeInnerPanel(id) → {void}
-
根据id删除子面板
Parameters:
Name Type Description id
string | number 子面板 id
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 -
restore() → {void}
-
将面板从最小化状态恢复
Returns:
void -
setConfig(config) → {void}
-
配置面板参数
Parameters:
Name Type Description config
PanelConfig Returns:
void -
setCursor(style) → {void}
-
设置 css 的鼠标样式,cursor
Parameters:
Name Type Description style
string Returns:
void -
setDisabled(value, iconUrl) → {void}
-
设置组件是否处于不可用状态,处于不可用状态时不能进行任何操作并且会遮挡一层蒙板
Parameters:
Name Type Attributes Description value
boolean 是否禁用组件
iconUrl
string <optional>
蒙板上显示的icon的路径
Returns:
void -
setDragContainment(value) → {void}
-
设置是否限制在父容器中拖拽,默认为parent,改为null可取消限制
Parameters:
Name Type Description value
string Returns:
void -
setFocus() → {void}
-
设置视图聚焦
Returns:
void -
setHeight(height) → {void}
-
设置布局高度
Parameters:
Name Type Description height
number 高度值
Returns:
void -
setInnerPanel(config) → {void}
-
传入一个指定配置参数的 js 对象,如果对象的id与面板中某个子面板id重复则更新那个子面板,否则新增一个子面板
Parameters:
Name Type Description config
PanelConfig Returns:
void -
setPosition(x, y) → {void}
-
设置面板在父容器中的位置
Parameters:
Name Type Description x
number x轴位置
y
number y轴位置
Returns:
void -
setPositionRelativeTo(relativeTo) → {void}
-
设置面板相对父容器哪个角落定位,参数枚举:leftTop、leftBottom、rightTop、rightBottom
Parameters:
Name Type Description relativeTo
string 位置
Returns:
void -
setTitle(title, id) → {void}
-
设置面板标题,不设置 id 即为设置最外层标题
Parameters:
Name Type Attributes Description title
string 标题内容
id
string | number <optional>
面板 id
Returns:
void -
setWidth(v) → {void}
-
设置布局宽度
Parameters:
Name Type Description v
number 宽度值
Returns:
void -
togglePanel(id) → {void}
-
根据 id 切换面板状态(展开或合并)
Parameters:
Name Type Description id
string | number 面板 id
Returns:
void -
validate() → {void}
-
立刻刷新拓扑
Returns:
void -
validateImpl() → {void}
-
刷新
Returns:
void