js兑现添加成功后的弹出层提示信息
日期：2014-05-16 浏览次数：20299 次
js实现添加成功后的弹出层提示信息
实现原理:后台返回一个"message"的提示信息,在jsp页面获取,若不为空,就调用jsp页面的弹出层展示message,若为空(初始化时)则不做任何操作
在需要实现页面上添加(放在form中)：
<div id="dialog-message" title="提示信息">
<p>
${message}
</p>
</div>
Title:为弹出层的标题栏，可自行设定
在页面的<head>下添加如下函数：
<script type="text/javascript">
if('${message}'!=null && '${message}'!=""){
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
"确定": function() {
location.href="/message/list.action";
},
Ok: function() {
$( this?).dialog( "close" );
}
}
});
});
}
</script>
Message:后台传入的参数，一般为需要显示给用户查看消息
"确定"和＂OK＂是弹出层的两个按钮，可自行添加需要跳转的链接
页面需要导入以下的样式表和js
<link href="/lbui/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/common/js/message/jquery-ui-1.8.9.custom.min.js"></script>
实现原理:后台返回一个"message"的提示信息,在jsp页面获取,若不为空,就调用jsp页面的弹出层展示message,若为空(初始化时)则不做任何操作
在需要实现页面上添加(放在form中)：
<div id="dialog-message" title="提示信息">
<p>
${message}
</p>
</div>
Title:为弹出层的标题栏，可自行设定
在页面的<head>下添加如下函数：
<script type="text/javascript">
if('${message}'!=null && '${message}'!=""){
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
"确定": function() {
location.href="/message/list.action";
},
Ok: function() {
$( this?).dialog( "close" );
}
}
});
});
}
</script>
Message:后台传入的参数，一般为需要显示给用户查看消息
"确定"和＂OK＂是弹出层的两个按钮，可自行添加需要跳转的链接
页面需要导入以下的样式表和js
<link href="/lbui/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/common/js/message/jquery-ui-1.8.9.custom.min.js"></script>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
