消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), progress(进度框)等。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>消息对话框:直接在JS中写</title>
<!-- 引入easyUI:JQuery文件支持 -->
<script type="text/javascript" src="js/jquery-easyui-1.3.4/jquery.min.js"></script>
<!-- 引入easyUI -->
<script type="text/javascript" src="js/jquery-easyui-1.3.4/jquery.easyui.min.js"></script>
<!-- 引入中文支持 -->
<script type="text/javascript" src="js/jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js"></script>
<!-- 引入easyUI主题css文件 -->
<link rel="stylesheet" href="js/jquery-easyui-1.3.4/themes/black/easyui.css" type="text/css"></link>
<!-- 引入easyUI 图标导航文件 -->
<link rel="stylesheet" href="js/jquery-easyui-1.3.4/themes/icon.css" type="text/css"></link>
<script type="text/javascript">
$(function(){
// 提示框
//$.messager.alert('警告','警告消息');
//$.messager.alert('我的消息','这是一个提示信息!','info');
//$.messager.alert('我的消息','这是一个提示信息!','error');
//$.messager.alert('我的消息','这是一个提示信息!','warning');
//$.messager.alert('我的消息','这是一个提示信息!','question');
//确认框
/*$.messager.confirm('确认对话框', '您想要退出该系统吗?', function(r){
if (r){
alert(r);
}else{
alert(r);
}
});*/
//消息窗口
/*$.messager.show({
title:'我的消息',
msg:'消息将在3秒后关闭。',
timeout:3000,
showType:'fade'
});*/
//进度条
//$.messager.progress();
//关闭进度条
//$.messager.progress('close');
//输入框
/*$.messager.prompt('提示信息', '请输入你的姓名:', function(r){
if (r){
$.messager.alert('提示','你的姓名是:' + r,'info');
}
});*/
});
</script>
</head>
<body>
</body>
</html>