BUI

其它版本:

API for BUI 1.5.3

Show:

bui.prompt Class

输入对话框,可以通过实例后的value方法获取输入的值

可以使用

预览地址: demo

控件预览

Constructor

bui.prompt

(
  • option
  • [callback]
)

Parameters:

  • option String | Object

    [输入的文本提醒 ]

  • [callback] Function optional

    [点击回调 this 指点击的按钮]

Example:

方法1, 确认提醒:

      var uiPrompt = bui.prompt("请输入您的名字",function(e){
          var text = $(e.target).text();
          if( text == "取消"){
              this.close();
          }else{
              if( this.value() ){
                  // 获取输入的值
                  bui.hint("您好,"+this.value());
                  this.close();
              }else{
                  bui.hint("名字不能为空");
              }
          }
      })

方法2 利用onChange做表单验证:

     bui.prompt({
       content:"请输入手机号码",
       callback: function(e){ 
           var text = $(e.target).text(); 
           console.log(this.value())
           if(text == "确定" && checkMobile(this.value())){ 
               this.close();
           }
       },
       onChange: function (e) {
           // 校验
           if( !checkMobile(e.target.value) ){
               e.target.value = '';
           }
       }
   })



   // 校验是否是手机号码
   function checkMobile(str) {
     var re = /^1\d{10}$/
     if (re.test(str)) {
       return true;
     } else {
       return false;
     }
   }

Methods

close

(
  • [callback]
)
chainable

关闭对话框

Parameters:

  • [callback] Function optional

    [回调]

Example:

       uiDialog.close();

create

(
  • option
)
chainable

动态增加对话框

Parameters:

Example:

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

destroy

()

[销毁控件]

Example:

       //销毁
       uiDialog.destroy();

focus

()

聚焦

Example:

       var uiPrompt = bui.prompt("请输入您的名字",function(ui){

      })

      uiPrompt.focus();

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();

value

()

获取输入的值或者设置

Example:

       var uiPrompt = bui.prompt("请输入您的名字",function(ui){
           // 获取输入的值
           console.log(ui.value());
           // 或者
           console.log(uiPrompt.value());
      })

widget

(
  • [name]
)

获取依赖的控件

Parameters:

  • [name] String optional

    [ 依赖 toggle 控件]

Example:

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

Events

off

为控件取消绑定事件

Event Payload:

  • [type] String optional

    [ 事件类型: "open"(打开的窗口时候触发) | "close"(关闭窗口的时候触发) ]

  • [callback] Function optional

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

Example:

       uiDialog.off("open");

on

为控件绑定事件

Event Payload:

  • [type] String optional

    [ 事件类型: "open"(打开的窗口时候触发) | "openafter" "afteropen"(打开的动画结束之后触发) | "close"(关闭窗口的时候触发) ]

  • [callback] Function optional

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

Example:

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