jQuery easyUI messager使用方式

最新推荐文章于 2023-03-16 17:12:34 发布

蜗牛式

最新推荐文章于 2023-03-16 17:12:34 发布

阅读量247

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui

本文链接：https://blog.youkuaiyun.com/weixin_43076448/article/details/98224269

easyui 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用EasyUI框架中的消息对话框功能，包括提示框(alert)、确认框(confirm)和欢迎框(show)，并提供了具体的代码示例，帮助开发者快速掌握并应用到项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.alert

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>messager</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
   $(function(){
       //alert方法---提示框
       $.messager.alert("标题","内容","question");
       });
</script>
</head>

结果：

2.confirm

//confirm方法---确认框

$(function(){
          $.messager.confirm("提示信息","你确定要删除当前记录吗？",function(r){
           alert(r);
       });
   });

结果：

3.show

//show方法---欢迎框

$(function(){
   $.messager.show({
           title:'欢迎信息',
           msg:'欢迎【admin】登录系统！',
           timeout:5000,
           showType:'slide'
       });

});

结果：