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(‘退出!!‘);
      }
    );

二、$.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‘);
时间: 2024-11-05 13:49:49

messager(消息窗口)的相关文章

EasyUI 修改 Messager 消息框大小

需求是要修改确认消息窗口的大小. 简单的调用方法是这样的: $.messager.confirm('操作确认', '确定批量编辑文章?', function (r) { ... } 这个时候生成的弹窗默认宽度是300,高度是自适应的. 这些在chrome执行 $.messager.defaults 可以看到.  所以我们要修改的话把这些默认值需要修改的重新定义一下,覆盖掉就好了. 代码如下: $.messager.confirm({ width: 380, height: 160, title:

EasyUI - Messager消息框

全局设定: JavaScript代码: //设置按钮中的文字,默认是-ok/cancel ,可以任意设置文字,比如现在的-确认/取消 $.messager.defaults = { ok: '确认', cancel: '取消', } 第一种: 效果: html代码: 无 JavaScript代码: //第一种:警告窗口,最简单的一种 //参数依次是:标题,内容,内部图标,点击按钮后执行的事件 $.messager.alert('警告窗口', '消息内容!', 'info', function (

PyQt4消息窗口

默认情况下,如果我们单击了窗口标题栏上的X标记,窗口就会被关闭.但是有些时候我们想要改变这一默认行为.比如,我们正在编辑的文件内容发生了变化,这时若单击X标记关闭窗口,编辑器就应当但出确认窗口. #!/usr/bin/python # -*- coding:utf-8 -*- import sys from PyQt4 import QtGui class MessageBox(QtGui.QWidget): def __init__(self, parent = None): QtGui.QW

Winform应用程序实现通用消息窗口

记得我之前发表过一篇文章<Winform应用程序实现通用遮罩层>,是实现了透明遮罩的消息窗口,功能侧重点在动图显示+消息提醒,效果看上去比较的炫,而本篇我又来重新设计通用消息窗口,功能重点在于消息提醒.进度报告,当然如果大家时间,可以将两种相结合,那样就会更完美了,我这里仍是以实现功能为主,由于代码相对简单,我就直接贴上所有代码,大家可以直接复制到本地测试,若发现问题可自行改正或反馈给我,我来完善,谢谢! using System; using System.Collections.Gener

[ucgui] 对话框4——模式消息窗口

>_<" 这里实现点击灰色窗口的按钮出现一个模式消息窗口,点击OK之后才能再聚焦到灰窗口:点击灰窗口除了按钮的地方,弹出一个非模式窗口. 1 static const GUI_WIDGET_CREATE_INFO _aDialogOrder[] = {//大的一个窗口(刚开始显示的,有一个按钮) 2 { FRAMEWIN_CreateIndirect, "Order vehicle", 0, 20, 50, 480, 360, 0 }, 3 { BUTTON_Cr

MahApps.Metro怎么调用消息窗口

网上查看了好多资料,没有找到很清楚明了的结果,经过了多天的研究,无意发现了这个方法来进行全局调用 效果展示: 1.主窗口代码 public partial class MainWindow : MetroWindow { public MainWindow() { InitializeComponent(); MessageExt.Instance.ShowDialog = ShowDialog; } public async void ShowDialog(string message, st

js 重写 bootstrap 样式 alert/confirm 消息窗口

相信很多人都受够了 alert.confirm 的样子,最近正在用 bootstrap 做项目,顺便封装了一个 bootstrap 样式的消息框. 实现起来很简单,bootstrap 本身就自带了 modal 模态框,样子还不错 :)就把它封装一下用吧. 无码无真相,少说多做,上代码. 项目是Asp.net Mvc架构的,方便全局调用,我直接在全局 Layout 页面加上以下HTML: <!-- system modal start --> <div id="ycf-alert

messager消息提示框

$表示全局对象jquery,此处的alert是用div写的,不是真正的alert.

EasyUI 15-Messager(消息窗口)组件