JQuery EasyUI 之Messager(消息窗口)组件

发布时间:2019-03-14 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了JQuery EasyUI 之Messager(消息窗口)组件脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!

代码:

message.html

<!DOCTYPE html>
<html>
<head>
<title>消息框</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="easyui/jQuery.min.js"></script>
<script type="text/javascript" src="easyui/jQuery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
<script type="text/javascript" src="js/message.js"></script>
<link rel="stylesheet" type="text/css" href="easyui/Themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="easyui/Themes/icon.css" />
</head>
<body>

</body>
</html>

message.js

$(function () {
   	$.messager.defaults = {
		ok : '是',cancel : '否',};

	$.messager.alert('警告框','这是一个提示!','info',function () {
		alert('警告框');
	});
	
	
	$.messager.confirm('确认框','你真的要删除吗?',function (flag) {
		if (flag) {
			alert('删除成功!');
		}
	});
	
	
	$.messager.prompt('提示框','请输入你的名字!',function (content) {
		if (content) {
			alert(content);
		}
	});
	
	
	$.messager.progress({
		title : '执行中',msg : '努力上传中',text : '{value}%',interval : 500,});
	
	//console.log($.messager.progress('bar'));
	$.messager.progress('close');
	
	
	$.messager.show({
		title : '我的消息',msg : '消息5秒钟后关闭',timeout : 5000,showType : 'fade',style : {
			top : 0,}
	});

 	$.messager.confirm('确认框',function (flag) {
		if (flag) {
			alert('删除成功!');
		}
	});

});

截图:











总结

以上是脚本之家为你收集整理的JQuery EasyUI 之Messager(消息窗口)组件全部内容,希望文章能够帮你解决JQuery EasyUI 之Messager(消息窗口)组件所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签:easyuisession