jsf PrimeFaces如何關閉模態窗體

Question

我創建了一個模態窗體。而提交按鈕正常工作：

<p:commandButton ajax="false" value="save" action="#{editErReferencesFormWebBean.submit}" /> 

我不知道如何創建一個取消按鈕，只是關閉對話框。我不想爲它調用服務器。 是否有簡單的方法來關閉對話框（並放棄所有輸入）？

Answer 1

閱讀Primefaces文檔：

<p:dialog widgetVar="modal" modal="true" closable="false"> 
    <!-- Modal content --> 
    <h:form id="form"> 
     <p:commandButton value="Cancel" onclick="PF('modal').hide();$('#form').trigger('reset');" type="button" /> 
     </h:form> 
    </p:dialog> 

此外，您可以屬性設置closable到true顯示X圖標其關閉對話框。

Answer 2

試試這個：

<h:form id="form"> 
    <h:panelGrid columns="1" cellpadding="5"> 
     <p:commandButton value="Modal" type="button" onclick="PF('dlg').show();" /> 
    </h:panelGrid> 

    <p:dialog header="Modal Dialog" id="myDialog" widgetVar="dlg" modal="true" height="100"> 

     <h:outputText value="This is a Modal Dialog." /> 
     <p:inputText/> 

     <button id="myButton" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" onclick="$('#form\\:myDialog').hide(); $('#form\\:myDialog_modal').remove();$('#form').trigger('reset');"> 
      <span class="ui-button-text ui-c"> 
       My Button 
      </span> 
     </button> 

    </p:dialog> 
</h:form>  

問候。