1、$.messager.alert(title, msg, icon, fn)

2

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "操作成功！");
  4. });
  5. </script>

3

2>、icon使用

icon四种设置："error"、"info"、"question"、"warning"
效果：

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "操作成功！","info");
  4. });
  5. </script>

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "操作失败！","error");
  4. });
  5. </script>

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "您确定要执行操作吗！","question");
  4. });
  5. </script>

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "您确定要执行操作吗！","warning");
  4. });
  5. </script>

3>、function使用

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.alert("操作提示", "操作成功！", "info", function () {
  4. var i = 1;
  5. alert(i);
  6. });
  7. });
  8. </script>

2、$.messager.confirm(title, msg, fn)
代码：

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.confirm("操作提示", "您确定要执行操作吗？", function (data) {
  4. if (data) {
  5. alert("确定");
  6. }
  7. else {
  8. alert("取消");
  9. }
  10. });
  11. });
  12. </script>

效果图：

、$.messager.prompt(title, msg, fn)

代码：

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.confirm("操作提示", "您确定要执行操作吗？", function (data) {
  4. if (data) {
  5. alert("确定");
  6. }
  7. else {
  8. alert("取消");
  9. }
  10. });
  11. });
  12. </script>

效果图：

4、$.messager.show(options)
代码：

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <title>消息提示框</title>
  4. <link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
  5. <link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
  6. <script src="/jquery-easyui-1.2.4/jquery-1.6.4.min.js" type="text/javascript"></script>
  7. <script src="/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
  8. <script src="/jquery-easyui-1.2.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  9. <script type="text/javascript">
  10. $(function () {
  11. $.messager.show({
  12. title: "操作提示",
  13. msg: "请选择您要删除的记录！",
  14. showType: 'slide',
  15. timeout: 5000
  16. });
  17. });
  18. </script>
  19. </head>
  20. <body>
  21. </body>
  22. </html>

或

  1. <script type="text/javascript">
  2. $(function () {
  3. var options = {
  4. title: "操作提示",
  5. msg: "请选择您要删除的记录！",
  6. showType: 'slide',
  7. timeout: 5000
  8. };
  9. $.messager.show(options);
  10. });
  11. </script>

效果图：


showType3种设置值:"show"、"slide"、"fade"

5、修改Button显示文字

代码：

  1. <script type="text/javascript">
  2. $(function () {
  3. $.messager.defaults = { ok: "是", cancel: "否" };
  4. $.messager.confirm("操作提示", "您确定要执行操作吗？", function (data) {
  5. if (data) {
  6. alert("是");
  7. }
  8. else {
  9. alert("否");
  10. }
  11. });
  12. });
  13. </script>

效果图：

6、方法

方法名

参数

描述

$.messager.show

options

在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象：
showType：定义如何将显示消息窗口。可用的值是：null,slide,fade,show。默认值是slide。
showSpeed：定义消息窗口完成的时间（以毫秒为单位）， 默认值600。
width：定义消息窗口的宽度。 默认值250。
height：定义消息窗口的高度。 默认值100。
msg：定义显示的消息文本。
title：定义显示在标题面板显示的标题文本。
timeout：如果定义为0，消息窗口将不会关闭，除非用户关闭它。如果定义为非0值，当超时后消息窗口将自动关闭。

$.messager.alert

title, msg, icon, fn

显示一个警告窗口。参数如下：
title：显示在标题面板的标题文本。
msg：提示框显示的消息文本。
icon：提示框显示的图标。可用的值是：error,question,info,warning.
fn：当窗口关闭时触发的回调函数。

$.messager.confirm

title, msg, fn

显示一个含有确定和取消按钮的确认消息窗口。参数如下：
title：显示在标题面板的标题文本。
msg：确认消息窗口显示的消息文本。
fn(b)：当用户点击按钮后触发的回调函数，如果点击OK则给回调函数传true,如果点击cancel则传false。

$.messager.prompt

title, msg, fn

显示一个确定和取消按钮的信息提示窗口，提示用户输入一些文本。参数如下：
title：显示在标题面板的标题文本。
msg：提示窗口显示的消息文本。
fn(val)：用户点击按钮后的回调函，参数是用户输入的内容。

7、扩展

可以通过$.messager.defaults方法自定义alert框的ok按钮和cancel按钮上显示的文字。

名字

类型

描述

默认值

ok

字符串

Ok

按钮上的文本

Ok

cancel

字符串

Cancel

按钮上的文本

Cancel
 
 

EasyUI--Alert()的更多相关文章

  1. jquery easyui alert闪一下的问题

    最近做项目使用了 jQuery EasyUI,版本是 1.4.3.x,在使用alert方法的时候如果alert后面执行页面跳转的话alert的消息只会闪一下,就跳到其他页面了 $.messager.a ...

  2. 【转】easyui $.message.alert 点击右上角的关闭按钮时，不执行定义的回调函数

    今天發現這個問題 easyui  $.message.alert  点击右上角的关闭按钮时,不执行定义的回调函数

  3. easyui 中iframe嵌套页面，提示弹窗遮罩的解决方法，parent.$.messager.alert和parent.$.messager.confirm

    项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由 ...

  4. easyUI实现(alert)提示框自动关闭的实例代码

    function alert_autoClose(title,msg,icon){  var interval;  var time=1000;  var x=2;  //设置时间2s $.messa ...

  5. 让easyui 的alert 消息框中的确定按钮支持空格键

    var _messager = $.extend({},$.messager);$.extend($.messager,{ alert:function(title, msg, icon, fn){ ...

  6. Easyui中 messager.alert 后某文本框获得焦点

    messager.alert 后某文本框获得焦点 $.messager.alert({ title:'消息', msg:'电话号码 只能是数字!', icon: 'info', width: 300, ...

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

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

  8. easyui messager alert 三秒后自动关闭提示

    $.messager.alert(' ','<font size=\"2\" color=\"#666666\"><strong>数据库 ...

  9. 对于easyui $.messager.alert和 $.messager.confirm 不同浏览器中位置控制

    $.messager.confirm({ title: '种子购买', msg: '确定购买这个'+seedName+'的种子嘛?', top:, fn: function (r) { if (r){ ...

  10. ASP.NET MVC5+EF6+EasyUI 后台管理系统（80）-自由桌面

    系列目录 前言 这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码. 自由桌面:用户可以随意增删改桌面的布局.个数(只留自己需要看到的数据),这次纯属Ea ...

随机推荐

  1. Tesseract 3.04 + VS2013 配置心得(包括静态库版本号和Release版本号)

    研究Tesseract也有几个星期了 走了一些弯路 网上有非常多VS2010的配置心得 但没有VS2013的, 找到一篇之后, 又发现会有一些小问题, 这里记录下来, 也为新人提供一些帮助. Tess ...

  2. UVa 12716 GCD XOR （简单证明）

    题意: 问 gcd(i,j) = i ^ j  的对数(j <=i <= N ) N的范围为30000000,有10000组例子 思路:GCD(a,b) = a^b = c GCD(a/c ...

  3. javascript系列-class6.String类型

    观察淘宝网商品数据   有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>&g ...

  4. 访问视频资源报错：Failed to load resource: net::ERR_CONNECTION_RESET

    访问视频资源报错: 浏览器显示:Failed to load resource: net::ERR_CONNECTION_RESET. 原因:公司内部限制了访问外网资源,凡是视频资源都不能访问. 解决 ...

  5. 752. [BJOI2006] 狼抓兔子

    ★★★   输入文件:bjrabbit.in   输出文件:bjrabbit.out   简单对比时间限制:1 s   内存限制:162 MB Description   Source: Beijin ...

  6. <ItemTemp>里写判断语句

    <%@ Language="C#" %> <html> <head></head> <body> <%=DateT ...

  7. HDU 2852 KiKi's K-Number【 树状数组 二分 】

    题意:给出m个操作,0:是增加一个数,add(x,1)1:是删除一个指定的数,这个是看sum(x) - sum(x-1)是否为0,为0的话则不存在,不为0的话,则add(x,-1)2:是查询比x大的数 ...

  8. FCC高级编程篇之Make a Person

    Make a Person Fill in the object constructor with the following methods below: getfirstname() getLas ...

  9. Mybatis中<resultMap>用法（主要用于一对多去重）

    一.创建部门表和员工表: 创建部门信息表`t_department`,其中包括`id`, `name` CREATE TABLE t_department (         id INT AUTO_ ...

  10. Ncomputering 安装及参数设置

    1.加域 2.添加用户:系统属性---远程