EasyUI - Messager消息框
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了EasyUI - Messager消息框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1327字，纯文字阅读大概需要2分钟。
内容图文
全局设定：
JavaScript代码：
//
设置按钮中的文字，默认是-ok/cancel ,可以任意设置文字，比如现在的-确认/取消
$.messager.defaults = {
ok: ‘确认‘,
cancel: ‘取消‘,
}
第一种：
效果：
html代码：
无
JavaScript代码：
//
第一种：警告窗口，最简单的一种
//
参数依次是：标题，内容，内部图标，点击按钮后执行的事件
$.messager.alert(‘警告窗口‘, ‘消息内容！‘, ‘info‘, function () {
alert("你点击了按钮！");
});
第二种：
效果：
html代码：
无
JavaScript代码：
//
第二种：确认消息窗口
//
参数依次是：标题，内容，点击按钮执行的事件（flag：参数，值为true或是false，true是ok，false是cancel）
$.messager.confirm(‘确认消息框‘, ‘内容区域‘, function (flag) {
if (flag) {
alert("你点击的是确认！");
}
else {
alert("你点击的是取消！");
}
});
第三种：
效果：
html代码：
无
JavaScript代码：
//
第三种：带有文本框的消息窗体
//
参数依次是：标题，内容，回调函数
$.messager.prompt(‘锁屏‘, ‘请输入密码！‘, function (content) {
if (content == 123) {
alert("输入正确，正在进入…………");
}
});
第四种：
效果：
- 不使用任何参数。
html代码：
无
JavaScript代码：
$.messager.progress();
- 使用参数。
效果：
html代码：
无。
JavaScript代码：
$.messager.progress({
title:
‘
提示
‘
,
msg:
‘
正在进入，请稍等…………
‘
,
interval:
100
,
});
- 因为没有关闭按钮，使用代码关闭。
$.messager.progress(‘close‘);
第五种：
右下角显示：
效果：
html代码：
无
JavaScript代码：
$.messager.show({
title:
‘
右下角消息框
‘
,
msg:
‘
内容显示
‘
,
timeout:
2000,//2秒钟
showtype: ‘slide‘,//null,slide,fade,show
});
顶部显示：
效果：
html代码：
无
JavaScript代码：
$.messager.show({
title:
‘
右下角消息框
‘
,
msg:
‘
内容显示
‘
,
timeout:
2000,//2秒钟
showtype: ‘slide‘,//null,slide,fade,show style: {
//在顶部显示
top: 0,
}
});
原文：http://www.cnblogs.com/KTblog/p/4887597.html
内容总结
以上是互联网集市为您收集整理的EasyUI - Messager消息框全部内容，希望文章能够帮你解决EasyUI - Messager消息框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。