messager.alert弹框
messager(消息窗⼝)
转载地址:
⼀、$.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(‘退出!!’);
lastchristmas }
);
⼆、$.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:’⼩提⽰’});
三、$.firm()显⽰⼀个“确定”、“取消”提⽰窗⼝!
参数:title, msg, function(回调函数)
描述:title:在头部⾯板显⽰的标题⽂本。
qq消息 msg:显⽰的消息⽂本。
function(r): 当⽤户点击“确定”按钮的时侯将传递⼀个true值给回调函数,否则传递⼀个false值。
案例1: $.firm(‘提⽰’,’你要退出系统吗?’,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:获取进度条对象。
最拽的qq网名 close:关闭进度窗⼝。
案例:
$.messager.progress({
title:’提⽰’,
优秀员工个人自评怎么写 msg:’⽂本’,
text:’努⼒中…’,
interval:’600’
});
显⽰进度消息窗⼝。
$.messager.progress();
关闭进度消息窗⼝。
$.messager.progress('close');
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论