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