BUI

其它版本:

API for BUI 1.6.x

Show:

bui.alert Class

Extends bui.dialog
Module: UI

提醒框

可以提醒json, 更多参数请参考 bui.dialog

预览地址: demo

控件预览

Constructor

bui.alert

(
  • text
  • [callback]
)

Parameters:

  • text String

    提醒的文本

  • [callback] Function optional

    点击回调 this 指点击的按钮

Example:

       bui.alert("提醒对话框")
                                    

Methods

close

(
  • [callback]
)
chainable
关闭对话框

Parameters:

  • [callback] Function optional
    回调

Example:

       uiDialog.close();
                                                

create

(
  • option
)
chainable
动态增加对话框

Parameters:

  • option Object
    [参考{{#crossLink "bui.dialog"}}{{/crossLink}} 的参数]

Example:

       // 1.5.0 支持公共参数, 1.4.8 参数需要在create 里面
                                                       var dialog = bui.dialog();
                                                       // 先创建再打开
                                                       var dialogobj = dialog.create({ title:"标题", content:"提醒内容"})
                                                
                                                           dialogobj.open();
                                                

destroy

()

Inherited from bui.dialog: src/scripts/ui/bui.dialog.js:768

Available since 1.4.2

[销毁控件]

Example:

       //销毁
                                                       uiDialog.destroy();
                                                

init

(
  • [option]
)
chainable
初始化方法,用于重新初始化结构,事件只初始化一次

Parameters:

  • [option] Object optional
    参数控件本身

isOpen

()
检测窗口是否打开

Example:

       var status = uiDialog.isOpen();
                                                

open

(
  • [callback]
)
chainable
打开对话框

Parameters:

  • [callback] Function optional
    回调

Example:

       uiDialog.open();
                                                

option

(
  • [key]
  • [value]
)
chainable
获取设置参数

Parameters:

  • [key] String | object optional
    不传则获取所有参数, 类型为string,没有第2个参数则获取某个参数
  • [value] String | number | boolean | function optional
    设置参数的时候要传,设置多个参数不用传,获取参数的时候也不用传

Example:

       //获取所有参数
                                                        //获取所有参数
                                                       var option = uiDialog.option();
                                                
                                                       //获取某个参数
                                                       var id = uiDialog.option( "id" );
                                                
                                                       //修改一个参数
                                                       uiDialog.option( "fullscreen",true );
                                                
                                                       //修改多个参数
                                                       uiDialog.option( {"fullscreen":true} );
                                                

remove

() chainable
移除对话框

Example:

       uiDialog.remove();
                                                

toggle

(
  • [onOpen]
  • [onClose]
)
chainable
切换显示, 默认点一次打开,点2次关闭

Parameters:

  • [onOpen] Function optional
    打开的回调, 非必需
  • [onClose] Function optional
    关闭的回调, 非必需

Example:

       $("#id").click(function(){
                                                           // 1. 只做切换
                                                           uiDialog.toggle();
                                                
                                                           // 2. 切换带回调
                                                           uiDialog.toggle(function(){
                                                               // 打开的回调
                                                           },function(){
                                                               // 关闭的回调
                                                           });
                                                       })
                                                

top

(
  • [index]
)
chainable

Inherited from bui.dialog: src/scripts/ui/bui.dialog.js:737

Available since 1.6.2

置顶

Parameters:

  • [index] Number optional
    设置指定层级

Example:

       $("#id").click(function(){
                                                           // 1. 只做切换
                                                           uiDialog.top();
                                                
                                                       })
                                                

widget

(
  • [name]
)
获取依赖的控件

Parameters:

  • [name] String optional
    依赖 toggle 控件

Example:

       //获取依赖控件
                                                       var uiDialogWidget = uiDialog.widget("toggle");
                                                

Events

off

Inherited from bui.dialog: src/scripts/ui/bui.dialog.js:863

Available since 1.3.0

为控件取消绑定事件

Event Payload:

  • [type] String optional
    事件类型: "open"(打开的窗口时候触发) | "close"(关闭窗口的时候触发)
  • [callback] Function optional
    绑定的事件, this 为当前点击的菜单

Example:

       uiDialog.off("open");
                                                

on

Inherited from bui.dialog: src/scripts/ui/bui.dialog.js:842

Available since 1.3.0

为控件绑定事件

Event Payload:

  • [type] String optional
    事件类型: "open"(打开的窗口时候触发) | "openafter" "afteropen"(打开的动画结束之后触发) | "close"(关闭窗口的时候触发)
  • [callback] Function optional
    绑定的事件, this 为当前点击的菜单

Example:

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