名称 参数 描述
$.messager.show options 在屏幕的右下角显示一个消息窗口,options 参数是一个配置对象:
showType: 定义消息窗口如何显示。可用的值是:null、slide、fade、show。默认是 slide。
showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
width:定义消息窗口的宽度。默认是 250。
height:定义消息窗口的高度。默认是 100。
title:头部面板上显示的标题文本。
msg:要显示的消息文本。
style:定义消息窗口的自定义样式。
timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。

代码实例:

  1. $.messager.show({
  2. title:'My Title',
  3. msg:'Message will be closed after 5 seconds.',
  4. timeout:5000,
  5. showType:'slide'
  6. });
  7. // show message window on top center
  8. $.messager.show({
  9. title:'My Title',
  10. msg:'Message will be closed after 4 seconds.',
  11. showType:'show',
  12. style:{
  13. right:'',
  14. top:document.body.scrollTop+document.documentElement.scrollTop,
  15. bottom:''
  16. }
  17. });
$.messager.alert title, msg, icon, fn 显示一个警告提示窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
icon:要显示的图标图片。可用的值是:error、question、info、warning。
fn:当窗口关闭时触发的回调函数。

代码实例:

  1. $.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn 显示一个带"确定"和"取消"按钮的确认消息窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(b):回调函数,当用户点击确认按钮时传递一个 true 参数给函数,否则给它传递一个 false 参数。

代码实例:

  1. $.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
  2. if (r){
  3. // exit action;
  4. }
  5. });
$.messager.prompt title, msg, fn 显示一个带"确定"和"取消"按钮的消息窗口,提示用户输入一些文本。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(val):带有用户输入的数值参数的回调函数。

代码实例:

  1. $.messager.prompt('Prompt', 'Please enter your name:', function(r){
  2. if (r){
  3. alert('Your name is:' + r);
  4. }
  5. });
$.messager.progress options or method 显示一个进度的消息窗口。
options 定义如下:
title:显示在头部面板上的标题文本,默认值是 '' 。
msg:消息框的主体文本,默认值是 '' 。
text:显示在进度条里的文本,默认值是 undefined 。
interval:每次进度更新之间以毫秒为单位的时间长度。默认值是 300。

方法定义如下: bar:获取进度条(progressbar)对象。
close:关闭进度窗口。

代码实例:
显示进度消息窗口。

  1. $.messager.progress();

现在关闭消息窗口。

  1. $.messager.progress('close');

easyui messager相关推荐

  1. easyui messager 消息框 对话框

    通过 $.messager.defaults 重写默认的 defaults. 消息框(messager)提供不同样式的消息框,包括警示(alert).确认(confirm).提示(prompt).进展 ...

  2. EasyUI Messager的alert基本使用

    $.messager.alert(title, msg, icon, fn) 显示一个警告窗口. 参数如下: title:显示在标题面板的标题文本. msg:提示框显示的消息文本. icon:提示框显 ...

  3. EasyUI Messager的defaults基本使用

    $.messager.defaults 方法自定义alert框的ok按钮和cancel按钮上显示的文字 <script type="text/javascript">$ ...

  4. jQuery EasyUI ztree插件使用

    1.下载easyUI的开发包 该包的结构是 2.将easyUI的资源文件引入的页面中: <link rel="stylesheet" type="text/css& ...

  5. 后端获取的文本换行_前台带换行符的文本提交到后台,后台在前台显示换行

    数据在保存的时候,替换换行符为 function submitFun(url){ //获取form表单序列化的字符串,对form表单序列化后的样式为:aa=1&bb=1&cc=1的格式 ...

  6. EasyUI中Messager消息框的简单使用

    场景 效果 属性 名称 类型 描述 默认值 ok string 确定按钮的文本. Ok cancel string 取消按钮的文本. Cancel 方法 名称 参数 描述 $.messager.sho ...

  7. easyUI之Messager(消息窗口)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...

  8. java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法

    [Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...

  9. EasyUi – 5.修改$.messager.show() 弹出窗口在浏览器顶部中间出现

    由于在easyui中$.messager.show() 只有一种弹出方式(在浏览器的或下角弹出),我最近在做一个项目的时候需要在浏览器的顶部中间出现.由于自己写花那么多的时间,所以就去修改了原码(不推 ...

最新文章

  1. PHP TP5入门 二:写接口,添加控制器并访问
  2. gulp die('click').live('click' composer
  3. 亚马逊、谷歌和微软寸土必争的新战场
  4. 研发项目进度管理软件正式上线
  5. 《架构之美》阅读笔记一
  6. hdu2602 Bone Collector-01背包问题
  7. LetCode-MSSQL销售分析-I
  8. 利用Python发送短信,用处多多
  9. 解决跨域form表单post提交时Forbidden的问题。
  10. Android-多线程AsyncTask
  11. mysql同步row模式_mysql行模式(ROW)主从同步测试及错误修复
  12. 用虚拟串口实现串口数据收发
  13. 2020牛客暑期多校训练营(第九场) The Flee Plan of Groundhog
  14. Nodejs之路(四)—— MongoDBMySQL
  15. 用Android做的一个简单的视频播放器
  16. yocto运行时依赖规则
  17. uo和o的区别和用法_拼音o与uo如何区别使用
  18. WeChat苹果多开系统官网下载页源码
  19. 算法复杂度及渐进符号
  20. mysql stdistance_geometry和geography的区别

热门文章

  1. 三分钟教你怎么把EPUB转MOBI
  2. coffeescript 汉字转拼音代码
  3. svn - 冲突及解决方案
  4. WINCC组态软件Basic/Comfort/Advanced/Professional版本
  5. 印象笔记mac版 同步问题_新的开学季来临,如何使用印象笔记保持进步
  6. LOJ2736 回转寿司
  7. W3C DOM 事件模型(简述)
  8. http://www.yesky.com/424/163424.shtml http://www.yesky.com/424/163424.shtml
  9. shell 批量修改文件名
  10. pinyin去掉声调