1、messager组件依赖于Window(窗口)组件、progressbar(进度条)组件
2、分类有:警告框,确认框,输入框,进度框,展示框等
下面具体介绍:
1、警告框
用法:
代码:
$(function(){
$.messager.alert('警告框','这是一个提示','info');
});
效果:
加入事件后代码如下:
$(function(){
$.messager.alert('警告框','这是一个提示','warning',function(){
alert('警告框');
});
});
点确定后效果:
2、确认框
代码如下:
$(function(){
$.messager.confirm('确认框','删除?',function(flag){
if(flag){
alert("已经删除");
}else{
alert("已经取消");
}
});
});
效果:
若想改
修改默认属性
代码如下':
$.messager.defaults = {
ok:'是',
cancel:'否'
};
$.messager.confirm('确认框','删除?',function(flag){
if(flag){
alert("已经删除");
}else{
alert("已经取消");
}
});
效果:
3、输入框
代码:
$(function(){
$.messager.prompt('提示框','输入名字',function(content){
if(content){
alert(content);
}else{
alert("没输入值");
}
});
});
效果:
4、进度条框
代码:
$.messager.progress({
title:'执行中...',
});
效果:
方法定义为
bar:获取进度条对象。$.messager.progress('bar');
代码:console.log($.messager.progress('bar'));
close: $.messager.progress('close');5、提示框
键值对形式
鼠标不在消息框上默认timeout时间
代码:$.messager.show({
title:'登陆消息',
msg:'5秒后消失',
timeout:5000,
});
showType:定义将如何显示该消息。可用值有:null,slide,fade,show。默认:slide。