1. alert 方法
<script type="text/javascript">$( function(){$.messager.alert("調用messager","文本內容") ;});</script>


?
?
?
?
?
這里還可以通過icon添加相應的圖標及info加入回調函數
<script type="text/javascript">$( function(){$.messager.alert("警告","警告消息","warning",function(){alert("回調函數被觸發") ;}) ;});</script>


這時候點擊“確定” ,觸發回調函數
2. confirm
?
?
<script type="text/javascript">$( function(){$.messager.confirm("確認","是否刪除?",function(r){if(r){alert("刪除成功") ;}}) ;});</script>


同樣是點擊確定觸發回調函數
這里我們聯系按鈕,當點擊按鈕時觸發事件

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>測試EasyUI-messager</title> <!-- 配置 --> <!-- 1 jQuery的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script><!-- 2 css資源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/metro/easyui.css"><!-- 3 圖標資源 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <!-- 4 EasyUI的js包 --> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script><!-- 5 本地語言 --> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script></head> <body><script type="text/javascript">$( function(){<!-- 單擊按鈕觸發事件 -->$("#bt1").click(function(){$.messager.prompt("輸入框","輸入姓名:",function(val){if(val){alert("你的姓名是"+val);}}) ;}) ;});</script> <button id="bt1">按鈕</button> </body> </html>

點擊按鈕彈出輸入框
?
這里回調函數是攜帶參數的,我們可以通過判斷參數是否為空來進行分類操作
4. progress
?
?

<body><script type="text/javascript">$( function(){// 單擊按鈕觸發事件 $("#bt1").click(function(){$.messager.progress({title:"進度條",msg:"正在加載。。。" ,text:"請稍后。。。" ,interval:1000}) ;}) ;});</script> <button id="bt1">按鈕</button> </body>

這時點擊按鈕,打開進度條
5. show 氣泡式的彈窗

<body><script type="text/javascript">$( function(){// 單擊按鈕觸發事件 $("#bt1").click(function(){$.messager.show( {title:"消息" ,msg:"消息內容",showType:"fade",showSpeed:1000,width:400,height:200,timeout:6000 //如果定義為0,消息窗體將不會自動關閉,//除非用戶關閉他。如果定義成非0的樹,//消息窗體將在超時后自動關閉。默認:4秒。} );}) ;});</script> <button id="bt1">按鈕</button> </body>

?點擊按鈕,會在右下角彈出該對話框
這里設置了顯示6秒后消失