window-messager(消息框)

所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。

一、alert(警告框)

  

<script type="text/javascript">

        $(function(){
            $.messager.alert(‘提示信息‘,‘你的节操掉了,亲!‘,‘error‘,function(){
                alert("你的节操已经掉了");
            });//接受多个 参数,第一个是消息框的标题,第二个是警告的消息内容等等
            //实际上这并不是一个alert,因为alert会使程序停掉,而这个是不会的(因为这个消息框是用一个div做的 )
        });
    </script>

二、$.messager.show

<script type="text/javascript">

        $(function(){
            $.messager.show({
                title:"看看你",
                msg:"你的节操掉好5次了",
                timeout:"0",
                showType:‘show‘,//显示的效果
                width:"300",
                height:"200",
                showSpeed:"8000",
            });
        });
    </script>

三、confirm(确认框)

<script type="text/javascript">

        $(function(){
            $.messager.confirm(‘确认对话框‘,‘你确定要退出系统?‘,function(r){
                if(r)
                    alert("你退出了系统");//如果用户点击了确定按钮,则这里编写退出系统的代码
                else
                    alert("你取消了退出系统");
            });
        });
    </script>

四、prompt(提示框)

<script type="text/javascript">

        $(function(){
            $.messager.prompt(‘提示信息‘,‘请输入你的年龄:‘,function(r){
                if(r)
                    alert(‘你的年龄是:‘+r);
                else
                    alert(‘别装嫩了‘)
            })
        });
    </script>

五、progress(进度框)

<script type="text/javascript">

        $(function(){
            $.messager.progress({
                title:‘进度条‘,
                msg:‘妈妈在家等你吃饭,快点回家‘,
                text:‘走快点‘,
                interval:‘2000‘
            });
        });
</script>
时间: 2024-12-15 16:40:34

window-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 (

WPF自定义控件与样式(13)-自定义窗体Window &amp; 自适应内容大小消息框MessageBox

一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 自定义Window窗体样式: 基于自定义窗体实现自定义MessageBox消息提示框: 二.自定义Window窗体样式 自定义的Window窗体效果:   因为WPF默认的窗体比较简陋,大都需要自己实现Window窗体样式效果,基本思路很简单: 第一步:干掉默认样式:WindowStyle = Windo

WPF弹出带蒙板的消息框

效果图 思路 拿到父级窗体的内容,放入一个容器里,再在容器里放入一个半透明层.将整个容器赋给父级窗体的内容. 关闭时反向操作. 代码 消息窗弹出时 1 /// <summary> 2 /// 弹出消息框 3 /// </summary> 4 /// <param name="message">消息</param> 5 /// <param name="owner">父级窗体</param> 6

EasyUi各种消息框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>EasyUi各种提示框</title> <m

.net 弹出消息框后,页面样式变乱

点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Response.Write("<script language=javascript>"); Response.Write("window.alert('"); Response.Write("计划添加失败!"); Response.Write

message消息框

.messager.show options 在屏幕右下角显示一条消息窗口.该选项参数是一个可配置的对象:showType:定义将如何显示该消息.可用值有:null,slide,fade,show.默认:slide.showSpeed:定义窗口显示的过度时间.默认:600毫秒.width:定义消息窗口的宽度.默认:250px.height:定义消息窗口的高度.默认:100px.title:在头部面板显示的标题文本.msg:显示的消息文本.style:定义消息窗体的自定义样式.timeout:如果

ASP.NET中弹出消息框的几种常见方法

在ASP.NET网站开发中,经常需要使用到alert消息框,尤其是在提交网页的时候,往往需要在服务器端对数据进行检验,并给出提示或警告. 这里,仅介绍几种不同的实现方法. 1.众所周知的方法是采用如下代码来实现: 复制代码 代码如下:Response.Write("<script>alert('弹出的消息')</script>"); 不可否认,这种方法是最常用,也是最简单的一种实现方案.但是,该方法的一个主要特点就是:弹出的消息框是在一个新的空白页面中,用户必须

添加数据之提示消息框

今天呢:要完成一个添加成功之后有一个<添加成功的消息框>: 1.先理清思路:好像是一层迷雾,一捅就破. 步骤1:我在添加成功后, 在转发操作前, 给request作用域, 扔了一个非空值. 步骤3:在list逻辑块中获取放入作用域的msg值.并且重新的在二次转发前,再次放入ruquest作用域 步骤4:执行转发到userManager.jsp的转发操作 步骤5:代码的数据流的执行权就流转到了页面上. 步骤6:我在页面上植入一个隐藏域,如下 <input type="hidden