當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

EasyUI--messager

發布時間：2023/12/13 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 EasyUI--messager 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.　　　　alert 方法

這里還可以通過icon添加相應的圖標及info加入回調函數

這時候點擊“確定” ，觸發回調函數

2.　　　　confirm

同樣是點擊確定觸發回調函數

這里我們聯系按鈕，當點擊按鈕時觸發事件

<%@ 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>   <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/metro/easyui.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">  <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <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秒后消失

轉載于:https://www.cnblogs.com/smile-dream/p/6108609.html

總結

以上是生活随笔為你收集整理的EasyUI--messager的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。