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. PyCharm基本设置、常用快捷键

    1. 下载安装 PyCharm官方下载地址:  https://www.jetbrains.com/pycharm/download/index.html#section=windows 安装完成后在 ...

  2. VC++基于CXImage库实现缩略图

    一般的图像处理软件都对读入程序的图像文件建一个缩略图的列表,像ACDSee那样.笔者最近在做一个图像处理的项目,处理的原始数据就是图像文件.从项目一开始就想做一个缩略图,但一直苦于技术水平有限,且时间 ...

  3. 线上服务CPU100%问题快速定位实战--转

    来自微信公众号 架构师之路 功能问题,通过日志,单步调试相对比较好定位. 性能问题,例如线上服务器CPU100%,如何找到相关服务,如何定位问题代码,更考验技术人的功底. 58到家架构部,运维部,58 ...

  4. Win7 如何禁用“切换用户”功能

    1.按win+r,输入gpedit.msc,点击确定: 2.依次点击计算机配置--管理模块--系统--登录,右侧列表中找到“隐藏“快速用户切换”的入口点”: 3.双击隐藏“快速用户切换”的入口点,点击 ...

  5. C++之易混淆知识点三---算法分析

    最近复习算法,感到有一丝丝忘记的困惑,赶紧记下来... 一.分治法 分治法的思想就是“分而治之”,很明显就是将规模比较庞大.复杂的问题进行分治,然后得到多个小模块,最好这些小模块之间是独立的,如果这些 ...

  6. c语言中，常见数据类型的字节数

    一直记不住这个,特意mark下来 和机器字长及编译器有关系: 所以,int,long int,short int的宽度都可能随编译器而异.但有几条铁定的原则(ANSI/ISO制订的):  1 size ...

  7. [CQOI2015]任务查询系统 主席树_差分

    Code: #include<vector> #include<cstdio> #include<algorithm> #include<string> ...

  8. Tarjan专题

    前排Orz tarjan tarjan算法在图的连通性方面有非常多的应用,dfn和low数组真是奥妙重重(并没有很搞懂反正背就完事了) 有向图强连通分量 #include<iostream> ...

  9. xampp、phpstudy安装phalcon

    1.下载扩展 https://github.com/phalcon/cphalcon/releases/tag/v3.4.1选择PHP对应版本的phalcon扩展 2.PHP.ini 配置phalco ...

  10. luoguP1555 尴尬的数字（暴力+map）

    题意 题解 枚举每一个可能的二进制数.扔到一个map里 再枚举每一个可能的三进制数看map有没有就行了 反正就是很水 #include<iostream> #include<cstr ...