首先需要引入 js 和 css
<link href="css/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="css/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="jq/jquery.min.js" type="text/javascript"></script>
<script src="jq/jquery.easyui.min.js" type="text/javascript"></script>
//修改默认属性
$.messager.defaults = {
ok: '确定',
width: '300',
heitht:'200',
cancel: '取消'
};
$.messager.alert('title','message','ico');
//title:标题提示
//message:消息框
//ico:显示的图标
$.messager.confirm('标题栏目', '提示信息', function(r){
if (r){
//返回r 为true or false
}
$.messager.prompt('标题栏目', 提示信息', function(r){
if (r){
// 返回值 r 为 输入的消息
}
});
$.messager.show({
title: 'My Title',//标题栏目
msg: 'Message will be closed after 5 seconds.',//提示消息
timeout: 5000,//显示的动画效果
showType: 'slide'//定义消息窗口如何显示
});
$.messager.progress({
title: '提示',
msg: '文本',
interval: '600'
});
//获取进度条对象
$.messager.progress('bar');
//关闭进度条
$.messager.progress('close');
$.messager.show()方法的其他属性
showType: 定义消息窗口如何显示。可用的值是:null、slide、fade、show。默认是 slide。
showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
width:定义消息窗口的宽度。默认是 250。
height:定义消息窗口的高度。默认是 100。
title:头部面板上显示的标题文本。
msg:要显示的消息文本。
style:定义消息窗口的自定义样式。
timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。
ico 分类有: warning,info,err,question