<html>
<head>
<!-- 导入easyui插件的js和css样式; -->
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css">
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script>
<script type="text/javascript">
//右下角弹出框;
function slide(){
jQuery.messager.show({
title:'温馨提示:',
msg:'你好,我是从右下角弹出的窗体!',
timeout:5000,
showType:'slide'
});
}
//弹出框;
function alterInfo(){
jQuery.messager.alert('提示:','你好,我叫弹出框!');
}
//错误弹出框;
function errorInfo(){
jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');
}
//信息弹出框;
function info(){
jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');
}
//警告弹出框;
function warning(){
jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');
}
//确认弹出框;
function confirmInfo(){
jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){
if(event){
alert('你点击的是'+event);
}else{
alert("你点击的是false");
}
});
}
//可以输入文本的对方框;
function prompt(){
jQuery.messager.prompt('提示:','请输入消息.',function(r){
if(r){
alert("你输入的文本是:"+r);
}
})
}
</script>
</head>
<body>
</body>
</html>

JS：

Common.ShowInfo = function (str) {
    $.messager.alert('系统提示', str, 'info');
};
Common.ShowError = function (str) {
    $.messager.alert('系统提示', str, 'error');
};
Common.ShowWarning = function (str) {
    $.messager.alert('系统提示', str, 'warning');
};

Common.ShowQuestion = function (str) {
    $.messager.alert('系统提示', str, 'question');
};

$.messager.confirm('系统提示', "确认要值机删除吗？", function (data) {
            if (data) {//"确定"、"是"
                //代码
            }
            else {
                return;
            }
        });

jquery easyui 弹出消息框的更多相关文章

  1. jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框（Messager） http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

    <html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" ty ...

  2. js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .

    js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"& ...

  3. JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法(转）

    原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面 ...

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

    点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Resp ...

  5. winform C#屏幕右下角弹出消息框并自动消失

    ①弹出信息框后慢慢下降消失 在主窗体中新增按钮重命名为btnShowAndDisappearMessages,在click事件中写如下代码: private void btnShowAndDisapp ...

  6. AloneJs.msgbox() —— 弹出消息框

    一.引用 <link href="https://cdn.suziyun.com/alonejs.min.css" rel="stylesheet" /& ...

  7. [Phonegap+Sencha Touch] 移动开发19 某些安卓手机上弹出消息框 点击后不消失的解决的方法

    Ext.Msg.alert等弹出框在某些安卓手机上,点击确定后不消失. 原因是: 消息框点击确定后有一段css3 transform动画,动画完毕后才会隐藏(display:none). 有些奇葩手机 ...

  8. Jquery实现弹出选择框选择后返回，支持多级分类

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  9. layer弹出框确定前验证:弹出消息框(弹出两个layer)

    作者QQ:1095737364 QQ群:123300273 欢迎加入! layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设 ...

随机推荐

  1. .NET: WPF 路由事件

    (一)使用WPF内置路由事件 xaml: <Window x:Class="WpfApplication1.MainWindow" xmlns="http://sc ...

  2. mysql之消息队列

    消息队列:在消息的传输过程中保存消息的容器. 消息队列管理器在将消息从它的源中继到它的目标时充当中间人.队列的主要目的是提供路由并保证消息的传递:如果发送消息时接收者不可用,消息队列会保留消息,直到可 ...

  3. MySQL 中NULL和空值的区别 （转载 http://blog.sina.com.cn/s/blog_3f2a82610102v4dn.html）

    平时我们在使用MySQL的时候,对于MySQL中的NULL值和空值区别不能很好的理解.注意到NULL值是未知的,且占用空间,不走索引,DBA建议建表的时候最好设置字段是NOT NULL 来避免这种低效 ...

  4. 静态关键字static

    //静态关键字的使用static //类里面的普通成员是属于对象的,不是属于类的(调用的时候是用对象调用) //什么叫做静态的:类静态成员是属于类的,不是属于每个对象的 //定义静态成员用static ...

  5. css3颜色渐变

    从上到下的线性渐变: #grad {  background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */  backgrou ...

  6. 手机端js实现滑块推动

    代码编写:(写的格式有点差,凑合看吧,但是功能是实现了的) <html><head><meta http-equiv="Content-Type" c ...

  7. [ubuntu] Can not run OpenProj on Ubuntu

    Download openproj from http://sourceforge.net/projects/openproj/ Yes, you can only download the rpm ...

  8. 使用uiautomatorviewer和uiautomator来做android的UI测试

    来自:http://university.utest.com    作者:Angelos Nakulas (All Authored Courses)      译者:Elaine00 目录 简介 什 ...

  9. WM_SETFOCUS和WM_KILLFOCUS、WM_GETDLGCODE、CM_ENTER...

    procedure WMSetFocus (var Message: TWMSetFocus); message WM_SETFOCUS; //获得焦点 procedure WMKillFocus ( ...

  10. 在使用Myeclipse时，用Tomcat添加部署项目的时候报错，或启动tomcat报错

    the selected server is enabled,but is not configured properly.deployment to it will not be permitted ...