在离开页面之前关闭对话框

Question

• PrimeFaces：7.0
• JSF：2.2.13
• JBoss：7.1
• Java：1.8
• 铬：83.0.4103.116

我有一个简单的确认对话框可以转到另一个页面，应该以文本形式提供该操作的原因。 归结为以下几行代码：

<p:dialog id="dlg" widgetVar="dlg" modal="true">
    <h:form id="dlgForm">
        <p:inputText id="reason" required="true" value="#{bean.reason}"/>
        <p:message for="reason"/>
        <p:commandButton id="proceed" value="Proceed" update="dlgForm" action="#{bean.action}"/>
        <p:commandButton id="cancel" value="Cancel" resetValues="true" onclick="PF('dlg').hide()">
            <p:ajax update="dlgForm" resetValues="true"/>
        </p:commandButton>
    </h:form>
</p:dialog>

还有豆子：

@ManagedBean(name = "bean")
@SessionScoped
class Bean {
    public String processGrundFuerExportDlg() {
        PrimeFaces.current().executeScript("PF('dlg').hide()");
        return "other_page";
    }
}

我的要求：

• 对话框以空的“原因”-inputText 打开。
• 如果按下“取消”：对话框应该关闭
• 如果按下“继续”：
  • 如果原因不为空：关闭对话框并导航到“其他页面”
  • 如果返回为空：显示错误消息并且不要关闭对话框

我对这段代码的问题：行

PrimeFaces.current().executeScript("PF('dlg').hide()");

似乎在当前页面离开后执行，导致找不到“dlg”（JavaScript 错误）。 未正确关闭的对话框会产生令人讨厌的副作用：稍后返回我的第一页后，对话框叠加层保持活动状态，并且无法使用鼠标激活 inputText 元素（TAB 有效）。事件循环中的覆盖逻辑阻止鼠标点击被传递到页面上的组件。

我的问题：

• 应如何使用 JSF 和 PrimeFaces 正确实施此标准场景？
• 如果需要升级到其他版本，是否有一些解决方法可以在不升级的情况下删除陈旧的叠加层？

免责声明：我在 StackOverflow 上研究了许多相关问题，并尝试了所有提出的解决方案，但均未成功。比如这个：Keep p:dialog open when a validation error occurs after submit

Answer 1

如果您重定向到新页面而不是触发 Ajax 更新，则不会遇到此问题。

您可以简单地将?faces-redirect=true 添加到返回的字符串中，因此：

return "other_page?faces-redirect=true";

或者，如果您使用的是faces-config，请将<redirect/> 添加到<navigation-case>。

然后您可以从您尝试关闭对话框的 bean 中删除脚本。

另见：

• How to navigate in JSF? How to make URL reflect current page (and not previous one)

Answer 2

如果按下“继续”： 如果原因不为空：关闭对话框并导航到“other_page” 如果返回为空：显示错误信息，不要关闭对话框。

以上所有这些都是在原因 inputText 上使用必需的 true 处理的。如果原因为空，则继续命令按钮中的操作将不会启动。 在导航到其他页面之前，您无需关闭对话框。