1

在我看来，我有一个用于我的闪存消息的部分：

<g:if test="${flash.message}">
    <section id="flashTile">
        <div class="alert fade in">
            <a class="close" data-dismiss="alert" href="#">&times;</a>
        <p>${flash.message}</p>
        </div>
    </section>
</g:if>

在视图的某个时刻，我在控制器中调用了一个动作：

<g:form action="doAction">
   <g:submitButton class="ghbtn" name="doAction" />                 
</g:form>

控制器动作类似于：

def doAction() {
    try {
        flash.message = 'Computing...'
        webserviceService.compute()
        flash.message = 'Computed'
        redirect(action: "list")
        return
    } catch (Exception e2) {
        flash.message = 'Could not compute'
        redirect(action: "list")
        return
    }
}

当我单击doAction按钮并webserviceService.compute()成功执行时，我收到“已计算”消息；发生错误时，我收到“无法计算”消息。这工作正常。

由于webserviceService.compute()执行需要几秒钟，我想通知用户系统收到请求并正在处理它，否则用户可能无法正常工作并再次单击按钮。

我添加了另一个 Flash 消息“正在计算...”，它应该在单击后立即显示，doAction直到执行 web 服务。

工作流程应如下所示：

单击doAction-> 显示“正在计算...”

webserviceService.compute()已执行 -> '正在计算...' 替换为 '已计算' 或 '无法计算'

这里唯一的问题是“计算...”永远不会出现。对此有任何提示吗？

感谢您的提示。我现在已将表格更改为

<g:form action="calculate" onsubmit="return calculating()">

和

<script type="text/Javascript">                      
    function calculating() {   
        alert("come here");
        return true;
</script>

我想更改 flash.message 而不是警报行，但到目前为止我还没有发现任何有用的东西。谁能给我一个提示？

4

1 回答 1

3

您对请求/响应周期的工作方式存在根本性的误解。基于此：

flash.message = 'Computing...'
webserviceService.compute()
flash.message = 'Computed'
redirect(action: "list")
return

是什么让您认为“计算”将永远回归视图？它不会。您将不得不对您的问题应用一些 JavaScript。

您可以按照 JoshDM 的说明禁用该按钮，或者使用 JavaScript 显示一条消息，告诉用户等待。两者都需要在提交按钮的单击事件上发生。

这里也有一个 Ajax 解决方案，但考虑到您目前的理解，恐怕这会让您此时的事情变得复杂。

于 2013-02-05T16:56:31.087 回答