2010-01-09 60 views
0

我有一个格式的Grails应用程序。一旦用户输入了数据并提交了数据,并且已经被验证等等。我需要一个消息在一个小窗口中弹出来给用户一些反馈 - 它需要弹出,而不是显示在页面上。任何人都可以建议我最好的方法来做到这一点?Grails中的弹出消息窗口?

回答

3

我为我的应用程序实现了相同的机制,并使用jmod插件'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的插件

+0

您好,感谢这个 - 我挣扎了一下它虽然,当它重定向它打开这在主窗口而不是一个小窗口。任何想法,我哪里错了? – ellander 2010-01-10 21:41:16

+0

如果出现主窗口而不是模态窗口,则意味着未调用'modal_show()'函数或未包含CSS文件smartmodal.css。我会检查JS和CSS文件都包含在你的html页面中。我已经更新了包含CSS文件 – fabien7474 2010-01-10 22:51:28

+0

好的代码,我只能从你建议的链接中找到zip中的modal.css,但这似乎并不奏效 - smartmodal.css与modal.css不同一?非常感谢您的帮助 – ellander 2010-01-10 23:32:39