一、$.messager.alert()类似js中的alert('String')
方法参数:title, msg, icon, function(回调函数)
描述:title头部面板标题、msg主要消息内容、icon:消息图标,可用值有(error,question,info,warning)、function回调函数
案例1:
$.messager.alert({ title:'消息', msg:'完成加载...', icon:'info', });
案例2:$.messager.alert('消息','完成加载...','info'); 注意参数的列表顺序,不用加"{}"号!
案例3回调函数:
$.messager.alert('消息','完成加载...','info',function(){ alert('退出!!'); } );
二、$.messager.show()类似于QQ的消息提示
方法参数:showType、 showSpeed、msg、title、
描述:
showType:定义将如何显示该消息。可用值有:null,slide,fade,show。默认:slide。 showSpeed:定义窗口显示的过度时间。默认:600毫秒。 width:定义消息窗口的宽度。默认:250px。 height:定义消息窗口的高度。默认:100px。 title:在头部面板显示的标题文本。 msg:显示的消息文本。 style:定义消息窗体的自定义样式。 timeout(很少用):如果定义为0,消息窗体将不会自动关闭,除非用户关闭他。如果定义成非0的树,消息窗体将在超时后自动关闭。默认:4秒。
案例:$.messager.show({showType:'slide', showSpeed:'600',msg:'马化腾:Q币充值成功!!!',title:'小提示'});
三、$.messager.confirm()显示一个“确定”、“取消”提示窗口!
参数:title, msg, function(回调函数)
描述:title:在头部面板显示的标题文本。
msg:显示的消息文本。 function(r): 当用户点击“确定”按钮的时侯将传递一个true值给回调函数,否则传递一个false值。
案例1: $.messager.confirm('提示','你要退出系统吗?',function(r){
if(r){ '确定' }{ '取消' } });
四、$.messager.prompt()提示窗口confirm,不同的是可以输入信息!
参数:title, msg, function(回调函数)
描述:
title:在头部面板显示的标题文本。
msg:显示的消息文本。 function(val): 在用户输入一个值参数的时候执行的回调函数。
案例:$.messager.prompt('小提示','请输入你的名字',function(r){
if(r){ $('#t').val(r);//动态的修改input标签文本内容 } });
五、$.messager.progress() 进度条
参数:
title:在头部面板显示的标题文本。默认:空。 msg:显示的消息文本。默认:空。 text:在进度条上显示的文本。默认:undefined。 interval:每次进度更新的间隔时间。默认:300毫秒。 方法定义为: bar:获取进度条对象。 close:关闭进度窗口。
案例:
$.messager.progress({
title:'提示', msg:'文本', text:'努力中...', interval:'600' });
显示进度消息窗口。
$.messager.progress();关闭进度消息窗口。
$.messager.progress('close');