UIBase.Box

盒子。组件扩充类,仅用于 KISSY 内部组件继承,目前不建议外部使用,欢迎 review

Class

Properties

Methods

Class Detail

class uibase.Box
Box (config)
Parameters:config (Object) – 配置项,详细见下方 Config Attributes Detail .

Config Attributes Detail

Box.config.width

{Number} - 可选,组件的宽度,单位像素

Box.config.height

{Number} - 可选,组件的高度,单位像素

Box.config.elCls

{String} - 可选,附加给组件根节点的样式类

Box.config.elStyle

{Object} - 可选,附加给组件根节点的内联样式

Box.config.elAttrs

{Object} - 可选,附加给组件根节点的属性键值对

Box.config.elBefore

{KISSY.Node} - 可选,组件根节点的渲染到该节点之前.

Box.config.render

{KISSY.Node} - 默认 S.all(“body”),组件根节点的渲染为该节点最后一个节点.

Box.config.visible

{Boolean} - 默认 true ,是否显示

Box.config.visibleMode

{String} - 默认 “display” ,如何控制显示与否.可选 “display” 与 “visible”

Box.config.srcNode
{KISSY.Node} - 可选,组件从页面中已存在的该节点中渲染而来.

假设 组件 X 继承自 UIBase 并扩充了 Box

var x=new X({width:12,height:12});
// 渲染为 body 下第一个节点
x.render();

Properties Detail

Box.prototype.el

{KISSY.Node} - 该组件的根节点. 注意调用 render() 后才可以取得.

Methods Detail

Box.prototype.show()
show()

渲染该组件并显示出来.

Box.prototype.hide()
hide()

隐藏该组件并显示出来.

Events Detail

uibase.hide()
hide ()
当组件隐藏时触发
uibase.show()
show ()
当组件显示时触发
uibase.beforeVisibleChange()
beforeVisibleChange (ev)
当组件隐藏或显示前触发
Parameters:
  • ev.newVal (Boolean) – 将要隐藏时为 false, 将要显示时为 true
  • ev.prevVal (Boolean) – 当前悬浮层显示与否
Returns:

{Boolean} - 返回 false 时, 则会阻止将要进行的显示或隐藏动作.