EasyUi之消息窗口Messager

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。