全局设定:

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 == ) {
alert("输入正确,正在进入…………");
}
});

第四种:

效果:

  • 不使用任何参数。

html代码:

JavaScript代码:

$.messager.progress();
  • 使用参数。

效果:

html代码:

无。

JavaScript代码:

$.messager.progress({
title: '提示',
msg: '正在进入,请稍等…………',
interval:,
});
  • 因为没有关闭按钮,使用代码关闭。
$.messager.progress('close');

第五种:

右下角显示:

效果:

html代码:

JavaScript代码:

$.messager.show({
title: '右下角消息框',
msg: '内容显示',
timeout: ,//2秒钟
showtype: 'slide',//null,slide,fade,show
});

顶部显示:

效果:

html代码:

JavaScript代码:

$.messager.show({
title: '右下角消息框',
msg: '内容显示',
timeout: ,//2秒钟
showtype: 'slide',//null,slide,fade,show
style: {
//在顶部显示
top: ,
}
});

EasyUI - Messager消息框的更多相关文章

  1. 窗口-EasyUI Window 窗口、EasyUI Dialog 对话框、EasyUI Messager 消息框

    EasyUI Window 窗口 扩展自 $.fn.panel.defaults.通过 $.fn.window.defaults 重写默认的 defaults. 窗口(window)是一个浮动的.可拖 ...

  2. 项目一:项目第二天 Jquery ztree使用展示菜单数据 2、 基础设置需求分析 3、 搭建项目框架环境--ssh(复习) 4、 SpringData-JPA持久层入门案例(重点) 5、 Easyui menubutton菜单按钮使用 6、 Easyui messager消息框使用

    1. Jquery ztree使用展示菜单数据 2. 基础设置需求分析 3. 搭建项目框架环境--ssh(复习) 4. SpringData-JPA持久层入门案例(重点) 5. Easyui menu ...

  3. EasyUI Messager 消息框

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

  4. EasyUI Messager 消息框点击右上角x无法执行回掉函数解决

    我先声明下,我是改动源码,网上的其他方法我试过了,不行.我是写java后台的,前端也是小白,可能讲的也也不是很清楚. 首先我想到的是在网上找到解决方法,我找到一个方法说在jquery.easyui.m ...

  5. EasyUI 修改 Messager 消息框大小

    需求是要修改确认消息窗口的大小. 简单的调用方法是这样的: $.messager.confirm('操作确认', '确定批量编辑文章?', function (r) { ... } 这个时候生成的弹窗 ...

  6. 使用jQuery开发messager消息框插件

    1.插件使用 首先引入jquery库,然后引入dialog.js.dialog.css.messager.js.messager.css,如下: <script type="text/ ...

  7. jQuery EasyUI API 中文文档 - 消息框(Messager)

    http://www.cnblogs.com/Philoo/archive/2011/11/15/jeasyui_api_messager.html Messager  消息框 博客园 风流涕淌 (p ...

  8. 第二百零五节,jQuery EasyUI,Messager(消息窗口)组件

    jQuery EasyUI,Messager(消息窗口)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 Messager(消息窗口)组件的使用方法,这个组 ...

  9. Easyui中 alert 带回调函数的 消息框

    带回调函数的 消息框: $.messager.alert({ title:'消息', msg:'电话号码 只能是数字!', icon: 'info', width: 300, top:200 , // ...

随机推荐

  1. gzip解压压缩的字符串数据

    import urllib2 from StringIO import StringIO import gzip def loadData(url): request = urllib2.Reques ...

  2. C# 操作Excel (二)

    根据翻阅LTP.Net知识库系列之四中Office操作功能: 一.记录常用如下 (1)“在自己的程序中宿主Office”的意思就是在我们自己开发的应用程序的窗体上,显示一个就像Office应用程序那样 ...

  3. Uva 511 Updating a Dictionary

    大致题意:用{ key:value, key:value, key:value }的形式表示一个字典key表示建,在一个字典内没有重复,value则可能重复 题目输入两个字典,如{a:3,b:4,c: ...

  4. 二分图最大匹配 hdoj 1045

    题目:hdoj1045 题意:给出一个图.当中有 . 和 X 两种,. 为通路,X表示墙,在当中放炸弹,然后炸弹不能穿过墙.问你最多在图中能够放多少个炸弹? 分析:这道题目是在上海邀请赛的题目的数据简 ...

  5. Android显示GIF动画完整示例(二)

    MainActivity如下: package cc.testgif2; import android.os.Bundle; import android.app.Activity; /** * De ...

  6. redis研究记录

    1 redis安装 wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-st ...

  7. 【Oracle】ORA-06550 PLS-00201

    ORA-06550 第1行,第7页 PLS-00201 必须声明标识符“PROC_****” 改错了首先检查连接的数据库库里面有没有这个存储过程.(检查是否配置对了数据库)

  8. 利用KVC使用自定义的控件

    KVC简单使用: 可以用来设置属性的值例如有个Person类下有个属性name [self setvalue:@"yourname" forkey:@"name" ...

  9. 【第一篇:C++与opencv】图片的读取和显示

    这里介绍C++版本的opencv,和C语言版本有些不同,先看代码^_^ [编译环境:opencv2.4.4和VS2008] #include "stdafx.h" #include ...

  10. Python之路Day6

    Day6的主要内容是: configparser模块 shutil模块 subprocess模块 处理xml的模块 1.configparser模块 #! /usr/bin/env python # ...