miniui 消息框(MessageBox)总结

一、提示框

mini.alert(message,title,callback)

参数说明：

message：提示消息内容
title：提示框标题内容
callback：回调函数，点击提示框下方的按钮时会触发

使用案例：

mini.alert("节节高升","祝福",function(action){alert("回调参数："+action);
});

效果图：
左边是miniui提示，右边是点击完“确定”按钮后弹出的提示。
说明点击“确定”按钮对应的action参数值为：“ok”

二、选择提示框

mini.confirm(message,title,callback)

效果图：
用法参考 “ 一、提示框”。
说明点击“取消”按钮对应的action参数值为：“cancel”

三、文本输入提示框

mini.prompt(message,title,callback,multi)

参数说明：

multi：是否允许多行输入

使用案例：

mini.prompt("节节高升","祝福",function(action,value){if(action == "ok"){alert("文本输入值："+value);}},true);

效果图：
multi设置为true，允许多行输入

四、加载提示框

mini.loading(message,title)

使用案例：

var messageid = mini.loading("节节高升","祝福");
setTimeout(function () {mini.hideMessageBox(messageid);
}, 2500);

效果图：
setTimeout 设置一定时间后隐藏提示框

五、消息提示框

mini.showTips(options)
options（配置项）:
{content: String,    state: String,      //default|success|info|warning|dangerx: String,          //left|center|righty: String,          //top|center|bottomtimeout: Number     //自动消失间隔时间。默认2000（2秒）。
}

参数说明：

state：提示的不同种类，就是提示框的样式会不一样。

使用案例：

mini.showTips({content:"财源滚滚",state:"success",x:center,y:center,timeout:5000
});

效果图：

六、显示提示框

mini.showMessageBox(options)
options（配置项）:
{title: String,    message: String,buttons: ["ok", "no", "cancel"],    iconCls: "mini-messagebox-question",html: String,   callback: function(action){}
}

使用案例：

mini.showMessageBox({title: "祝福",iconCls: "mini-messagebox-question",buttons: ["ok", "no", "cancel"],message: "节节高升",callback: function (action) {alert(action);}});

效果图：

七、隐藏提示框

mini.hideMessageBox(messageId)

参考“加载提示框”，作用就是隐藏指定的提示框

八、弹出子页面

mini.open(options)
options（配置项）:
{targetWindow: window,   //页面对象。默认是顶级页面。url: String,        //页面地址title: String,      //标题iconCls: String,    //标题图标width: Number,      //宽度height: Number,     //高度allowResize: Boolean,       //允许尺寸调节allowDrag: Boolean,         //允许拖拽位置showCloseButton: Boolean,   //显示关闭按钮showMaxButton: Boolean,     //显示最大化按钮showModal: Boolean,         //显示遮罩loadOnRefresh: false,       //true每次刷新都激发onload事件onload: function () {       //弹出页面加载完成var iframe = this.getIFrameEl(); var data = {};       //调用弹出页面方法进行初始化iframe.contentWindow.SetData(data); },ondestroy: function (action) {  //弹出页面关闭前if (action == "ok") {       //如果点击“确定”var iframe = this.getIFrameEl();//获取选中、编辑的结果var data = iframe.contentWindow.GetData();data = mini.clone(data);    //必须。克隆数据。......}                        }}

使用案例：

mini.open小案例

九、遮罩

使用案例：

mini.mask({el: document.body,cls: 'mini-mask-loading',html: '节节高升'});
setTimeout(function () {mini.unmask(document.body);
}, 2000);

效果图：

注意：参数不一定全，具体以miniui官网为准。

miniui 消息框(MessageBox)总结相关推荐

【转】WPF自定义控件与样式(13)-自定义窗体Window 自适应内容大小消息框MessageBox...
一．前言申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等. 本文主要内容: 自定义Window窗体样式: 基于自定义窗体实现自定义MessageB ...
消息框messagebox的使用
学习目标功能用途四种格式方式二第三种方式四消息框的返回值例子验证输入合法性验证演练小结
WPF自定义控件与样式(13)-自定义窗体Window 自适应内容大小消息框MessageBox
一．前言申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 自定义 ...
【c#基础-MessageBox】MessageBox的使用和消息框
MessageBox.Show使用 if (MessageBox.Show("请确认退出?", "系统提示", MessageBoxButtons.YesNo, ...
9203复习小结消息框新窗体
事件 1,自定义事件选中控件点击闪电按钮选中想要的事件右边输入一个方法名称 2,控件的默认事件双击控件关于窗体对象一般情况下,窗体类中的this,代表了窗体本身关闭闭体 this.C ...
MessageBox消息框 1126
MessageBox消息框 1126 使用方式 MessageBox.Show(提示内容)MessageBox.Show(提示内容,提示标题)MessageBox.Show(提示内容,提示标题,Mes ...
C# 中的MessageBox 弹出提示框（消息框）的用法
刚好用到MessageBox ,所以就在网上查着学习了一下. MessageBox.Show(<字符串> Text, <字符串> Title, <整型> nTyp ...
wpf MessageBox 消息框
MessageBox 类显示消息框. MessageBoxButton 枚举指定在消息框显示的按钮. 作为MessageBox.Show 方法的参数 OK 该消息框显示确定按钮. OKCanc ...
编程语言详细介绍c#消息提示框messagebox的使用
编程语言详细介绍c#消息提示框messagebox的使用这篇文章主要介绍了c#消息提示框messagebox的详解及使用的相关资料,需要的朋友可以参考下 C#消息提示框messagebox的详解及使 ...

miniui 消息框(MessageBox)总结

一、提示框

参数说明：

使用案例：

二、选择提示框

三、文本输入提示框

参数说明：

使用案例：

四、加载提示框

使用案例：

五、消息提示框

参数说明：

使用案例：

六、显示提示框

使用案例：

七、隐藏提示框

八、弹出子页面

使用案例：

九、遮罩

使用案例：

miniui 消息框(MessageBox)总结相关推荐

最新文章

热门文章