提交調用後的JSF提交按鈕javascript函數

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; 
} 

觸發一些布爾和包裝在<ui:fragment>腳本與rendered屬性

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