1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>Messager（消息窗口）</title>
  5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6.       <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
  7.     <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
  8.     <script type="text/javascript" src="../js/jquery.min.js"></script>
  9.     <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
  10.     <script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
  11.   </head>
  12.   <body>
  13.  
  14.     <input type="button" value="警告框"/><br/>
  15.     <input type="button" value="确认框"/><br/>
  16.     <input type="button" value="输入框"/><br/>
  17.     <input type="button" value="显示框"/><br/>
  18.  
  19.     <div style="margin:100px"></div>
  20.     <script type="text/javascript">
  21.         //定位所有的button按钮，同时提供单击事件
  22.         $(":button").click(function(){
  23.             //获取value属性值
  24.             var tip = $(this).val();
  25.             //去空格
  26.             tip = $.trim(tip);
  27.             //如果警告框的话
  28.             if("警告框" == tip){
  29.                 $.messager.alert("警告框","继续努力","warning",function(){
  30.                     alert("关闭");
  31.                 });
  32.             }else if("确认框" == tip){
  33.                 $.messager.confirm("确认框","你确认要关闭该确认框吗?",function(value){
  34.                     alert(value);
  35.                 });
  36.             }else if("输入框" == tip){
  37.                 $.messager.prompt("输入框","你期希的月薪是多少?",function(sal){
  38.  
  39.                     if(sal == undefined){
  40.                         alert("请输入月薪");
  41.                     }else{
  42.                         if(sal<6000){
  43.                             alert("你的谦虚了");
  44.                         }else if(sal < 7000){
  45.                             alert("你加点油了");
  46.                         }else{
  47.                             alert("你很不错了");
  48.                         }
  49.                     }
  50.  
  51.                 });
  52.             }else if("显示框" == tip){
  53.                 $.messager.show({
  54.                     showType : "slide",
  55.                     showSpeed : 500,
  56.                     width : 300,
  57.                     height : 300,
  58.                     title : "显示框",
  59.                     msg : "这是内容",
  60.                     timeout : 5000
  61.                 });
  62.             }
  63.         });
  64.     </script>
  65.  
  66.   </body>
  67. </html>

easyUI之Messager（消息窗口）的更多相关文章

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

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

  2. EasyUI 修改 Messager 消息框大小

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

  3. messager(消息窗口)

    一.$.messager.alert()类似js中的alert('String') 方法参数:title, msg, icon, function(回调函数) 描述:title头部面板标题.msg主要 ...

  4. Messager( 消息窗口) 组件

    一． 加载方式消息窗口提供了不同的消息框风格,包含 alert(警告框).confirm(确认框).prompt(提示框).progress(进度框)等.所有消息框都是异步的,用户可以在交互消息之后使 ...

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

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

  6. easyui源码翻译1.32--Messager（消息窗口）

    前言 使用$.messager.defaults重写默认值对象.下载该插件翻译源码 消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), p ...

  7. EasyUI - Messager消息框

    全局设定: JavaScript代码: //设置按钮中的文字,默认是-ok/cancel ,可以任意设置文字,比如现在的-确认/取消 $.messager.defaults = { ok: '确认', ...

  8. EasyUI Messager 消息框

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

  9. 项目一:项目第二天 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 ...

随机推荐

  1. ST3 C程序自动补全

    参考: http://www.cnblogs.com/heleifz/p/3404600.html http://www.cnblogs.com/By-ruoyu/p/4687196.html htt ...

  2. idou老师教你学Istio 04：Istio性能及扩展性介绍

    Istio的性能问题一直是国内外相关厂商关注的重点,Istio对于数据面应用请求时延的影响更是备受关注,而以现在Istio官方与相关厂商的性能测试结果来看,四位数的qps显然远远不能满足应用于生产的要 ...

  3. HDU - 3506 Monkey Party

    HDU - 3506 思路: 平行四边形不等式优化dp 这不就是石子归并(雾 代码: #pragma GCC optimize(2) #pragma GCC optimize(3) #pragma G ...

  4. C++-cin与scanf cout与printf效率问题

    http://blog.csdn.net/l2580258/article/details/51319387 void cin_read_nosync() { freopen("data.t ...

  5. bitcoind搭建

    https://degreesofzero.com/article/installing-bitcoind-on-ubuntu.html1. sudo apt-get install python-s ...

  6. (转)再过半小时，你就能明白kafka的工作原理了

    为什么需要消息队列 周末无聊刷着手机,某宝网APP突然蹦出来一条消息“为了回馈老客户,女朋友买一送一,活动仅限今天!”.买一送一还有这种好事,那我可不能错过!忍不住立马点了去.于是选了两个最新款,下单 ...

  7. Vue入门（一）——环境搭建

    1.参考该教程装vue脚手架和创建工程 https://segmentfault.com/a/1190000008922234 附:在每个工程下cmd,执行npm install,此时工程下会多一个n ...

  8. Create Advanced Web Applications With Object-Oriented Techniques

    Create Advanced Web Applications With Object-Oriented Techniques Ray Djajadinata Recently I intervie ...

  9. java实现简单的单点登录 （转）

    摘要:单点登录(SSO)的技术被越来越广泛地运用到各个领域的软件系统当中.本文从业务的角度分析了单点登录的需求和应用领域:从技术本身的角度分析了单点登录技术的内部机制和实现手段,并且给出Web-SSO ...

  10. Java冒泡排序，二分查找法

    冒泡排序 int[] arr = {1,7,6,2,8,4}; int temp ; //只需 运行 5次 for (int i = 0; i < arr.length - 1; i++) { ...