提交调用javascript函数后JSF提交按钮

Question

我的 jsf 页面（弹出窗口）中有一个表单，用于上传文件。上传文件时我需要刷新父页面。我可以用来完成这项任务的最佳方法是什么。

我的 JSF 页面很简单，看起来像这样

<h:form id="uploadForm" enctype="multipart/form-data">
    <ul class="page">
        <li>
            <h:messages layout="list" for="uploadForm" styleClass="generic-message"/>
        </li>
        <li>
            <h:outputLabel for="file" value="select a file" />
            <t:inputFileUpload id="file" value="#{aBean.file}" required="true" requiredMessage="File need to be selected"/>
            <h:message for="file" styleClass="msg" />
        </li>
        <li>
            <h:outputLabel value="Name" />
            <h:inputText id="name" value="#{aBean.name}" label="#{aBean.name}" required="true" requiredMessage="Name is required"/>
            <h:message for="name" styleClass="msg" />
        </li>
        <li>
            <h:commandButton value="Upload" action="#{aBean.submit}" />
        </li>
    </ul>
</h:form> 

非常感谢任何建议

Answer 1

在弹出窗口中，需要有条件地渲染一个

<script>window.opener.location.reload(true);</script>

这样父窗口就会被刷新。

您可以通过在操作方法中触发一些布尔值来做到这一点

private boolean reloadParent;

public void submit() {
    // ...
    reloadParent = true;
}

public boolean isReloadParent() {
    return reloadParent;
}

并将脚本包装在带有rendered 属性的<ui:fragment> 中

<ui:fragment rendered="#{aBean.reloadParent}">
    <script>window.opener.location.reload(true);</script>
</ui:fragment>