Web 各种弹出框效果

Methods

Module: Web
Parent Module: Beyondbit.Web

Methods

alert

alert
(
  • [title]
  • [message]
  • [btnText]
  • [icon]
  • [onSuccess]
)
static

弹出消息框,等同alert效果

Parameters:

nametypeflagdescription
[title] String optional

标题

[message] String optional

消息内容

[btnText] String optional

按钮文字 @default "确定"

[icon] String optional

提示的Icon图标 @default "info"

[onSuccess] Fun optional

点击确定后的回调事件

Example:

Beyondbit.Web.MessageBox.alert("消息");

Beyondbit.Web.MessageBox.alert("消息标题","消息内容");

Beyondbit.Web.MessageBox.alert("消息标题","消息内容","按钮文字");

// 显示不同的图标
Beyondbit.Web.MessageBox.alert("消息标题","消息内容","按钮文字","fa-warning");

// 最后一个参数是Fun,则都为回调函数
Beyondbit.Web.MessageBox.alert("消息标题","消息内容","按钮文字","fa-warning",function(){
    alert("点击确定了");
});

Beyondbit.Web.MessageBox.alert("消息标题","消息内容","按钮文字",function(){
    alert("点击确定了");
});

Beyondbit.Web.MessageBox.alert("消息标题","消息内容",function(){
    alert("点击确定了");
});

confirm

confirm
(
  • [title]
  • [message]
  • [btnText]
  • [icon]
  • [onSuccess]
)
static

是、否选择框,返回True/False结果,等同confirm效果

Parameters:

nametypeflagdescription
[title] String optional

标题

[message] String optional

消息内容

[btnText] Array optional

按钮文字 @default " ["确定","取消"] "

[icon] String optional

提示的Icon图标 @default " question "

[onSuccess] Fun optional

点击按钮后的回调事件

Example:

Beyondbit.Web.MessageBox.confirm("消息");

Beyondbit.Web.MessageBox.confirm("消息标题","消息内容");

Beyondbit.Web.MessageBox.confirm("消息标题","消息内容",["是","否"]);

// 显示不同的图标
Beyondbit.Web.MessageBox.confirm("消息标题","消息内容",["确定","取消"],"warning");

// 最后一个参数是Fun,则都为回调函数
Beyondbit.Web.MessageBox.confirm("消息标题","消息内容",["是","否"],"warning",function(result){
    if(result==true){
       alert("点击了确定");
    }else{
       alert("点击了取消");
    }
});

Beyondbit.Web.MessageBox.confirm("消息标题","消息内容",["是","否"],function(){
    alert("点击了");
});

Beyondbit.Web.MessageBox.confirm("消息标题","消息内容",function(){
    alert("点击了");
});

loading

loading
(
  • [title]
  • [message]
  • [closeSpeed]
  • [closeFn]
)
static

显示加载效果

Parameters:

nametypeflagdescription
[title] String | Boolean optional

标题【此值如果为false,则隐藏loading效果】

[message] String optional

消息内容 @default " 加载中.. "

[closeSpeed] Number optional

自动关闭隐藏的时间,单位毫秒. 设置此值后,会在closeSpeed毫秒后自动闭关隐藏

[closeFn] Fun optional

关闭后的回调事件

Example:

// 显示Loading效果
Beyondbit.Web.MessageBox.loading();

Beyondbit.Web.MessageBox.loading("标题","加载中")   

// 1S后自动隐藏
Beyondbit.Web.MessageBox.loading("标题","加载中",1000)   

// 隐藏Loading效果
Beyondbit.Web.MessageBox.loading();

prompt

prompt
(
  • [title]
  • [text]
  • [defaultText]
  • [icon]
  • [onSuccess]
)
static

显示可提示用户进行输入的对话框,返回用户输入的文本,等同prompt效果

Parameters:

nametypeflagdescription
[title] String optional

标题

[text] String optional

提示内容

[defaultText] String optional

输入框的默认值

[icon] String optional

提示的Icon图标 @default " info "

[onSuccess] Fun optional

点击按钮后的回调事件

Example:

Beyondbit.Web.MessageBox.prompt("系统","你的名字?",function(value){
         Beyondbit.Web.MessageBox.alert("你的名字:" + value);
    });
Top