BUI

其它版本:

API for BUI 1.4.8

Show:

bui.mask Class

Defined in: /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:31
Module: UI

Mask遮罩控件

默认为公用遮罩,有appendTo的时候是在id下的操作,没有的是在body下的,body下为共用遮罩

预览地址: demo

方法说明:

remove: 移除遮罩
show: 显示遮罩,如果不存在则创建再显示
hide: 隐藏遮罩,如果不存在则不操作
option: 获取设置参数
widget: 获取依赖控件
控件预览

Constructor

bui.mask

(
  • [option]
)

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:31

Parameters:

  • [option] Object optional
    • appendTo String

      [ 遮罩生成的位置,默认在body标签下 ]

    • opacity Number

      [ 透明度,小数点 ]

    • autoTrigger Boolean

      [ 是否自动触发 默认 true | false ]

    • background String

      [ 背景颜色 ]

    • callback Function

      [ 回调 ]

Example:

方法1:

   // 遮罩初始化
   var uiMask = bui.mask();

       // 调用 show 方法
       uiMask.show();

Item Index

Methods

Events

Methods

destroy

(
  • [bool]
)

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:383

Available since 1.4.2

[销毁控件]

Parameters:

  • [bool] Boolean optional

    [ 默认: false 销毁部分 | true 销毁全部 ]

Example:

           //销毁
           uiMask.destroy();

hide

()

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:332

隐藏遮罩

Example:

           var uiMask = bui.mask();
               uiMask.hide();

init

(
  • [option]
)
chainable

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:122

初始化方法,用于重新初始化结构,事件只初始化一次

Parameters:

  • [option] Object optional

    [参数控件本身]

isShow

()

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:365

Available since 1.3.0

遮罩是否显示

Example:

           var uiMask = bui.mask(),
               isShow = uiMask.isShow();

option

(
  • [key]
  • [value]
)
chainable

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:423

获取设置参数

Parameters:

  • [key] String | object optional

    [ 不传则获取所有参数, 类型为string,没有第2个参数则获取某个参数 ]

  • [value] String | number | boolean | function optional

    [ 设置参数的时候要传,设置多个参数不用传,获取参数的时候也不用传 ]

Example:

           //获取所有参数
            //获取所有参数
           var option = uiMask.option();

           //获取某个参数
           var id = uiMask.option( "appendTo" );

           //修改一个参数
           uiMask.option( "opacity",0.5 );

           //修改多个参数
           uiMask.option( {"opacity":0.5} );

remove

() chainable

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:243

遮罩移除方法

Example:

           var uiMask = bui.mask();
               uiMask.remove();

show

()

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:296

显示遮罩

Example:

           var uiMask = bui.mask();
               uiMask.show();

widget

(
  • [name]
)

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:408

获取依赖的控件

Parameters:

  • [name] String optional

    [ 依赖控件名 ]

Example:

           //获取依赖控件
           var uiMaskWidget = uiMask.widget();

Events

off

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:470

Available since 1.3.0

为控件取消绑定事件

Event Payload:

  • [type] String optional

    [ 事件类型: "show" | "hide" ]

  • [callback] Function optional

    [ 绑定的事件, this 为当前点击的菜单 ]

Example:

           uiMask.off("show");

on

Defined in /Users/wilson/personal/htdocs/opensource/BUI 1.4.7/src/lib/ui/bui.mask.js:450

Available since 1.3.0

为控件绑定事件

Event Payload:

  • [type] String optional

    [ 事件类型: "show" | "hide" ]

  • [callback] Function optional

    [ 绑定的事件, this 为当前点击的菜单 ]

Example:

           uiMask.on("show",function () {
               // 点击的菜单
               console.log(this);
           });