grails中的弹出消息窗口?

时间:2010-01-09 20:37:33

标签: grails popup message

我有一个带有表单的Grails应用程序。一旦用户输入了数据并提交了它,并且它已被验证等等。我需要在一个小窗口中弹出一条消息来给用户一些反馈 - 它需要弹出,而不是显示在页面上。谁能告诉我最好的方法呢?

1 个答案:

答案 0 :(得分:3)

我为我的应用程序实现了相同的机制,我使用的是jQuery插件'smartmodal'(最初由Nimble插件使用)。见here

您只需将控制器验证码中的请求重定向到包含以下代码的GSP页面:

<script type="text/javascript" src="${resource(file: 'jquery-1.3.2.js')}"></script>
<script type="text/javascript" src="${resource(file:'jquery.smartmodal.js')}"></script>
<LINK rel="stylesheet" href="./css/smartmodal.css">
...
<body>
...
<g:javascript>
$(function() { 
 $("#msg").hide();
 $("#msg").modal({hide_on_overlay_click:false});
 $("#msg").modal_show();});
</g:javascript>
<div id="msg">
My feedback message is here 
</div>
<g:link controller="..." action="...">Close</g:link>

我希望它有所帮助,

法比安

修改: 将呈现“模态效果”的smartmodal.css文件的摘录为:

#modal_content {
    display: none;
    position: fixed;
    left: 50%;
    padding: 0px;
    top: 10%;

    background: #FFF;
    border: 0px solid #d2d2d2;

    width: 400px;
    margin-left: -200px;
    text-align: left;
}

#modal_overlay {
    background-color: #000;
}

但是,如果你想要完整的文件,它可以在伟大的Nimble grails插件中找到