帶有表單中字段的Prime Faces對話框

Question

我有一個簡單創建的表單。 我想做的是在單擊時顯示帶有名稱（即inputField的值）的對話框。 我意識到對話框是在commandButton動作之前發生的，所以我試圖弄清楚那時如何獲取值：

<h:form id="myForm">
  <p:confirmDialog global="true" showEffect="fade" hideEffect="fade" id="confirmDialog">
    <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
  </p:confirmDialog>

  <p:inputField id="field" value="#{myBean.myName}"/>
  <p:commandButton value="Create" update=":myForm" actionListener="#{myBean.sayHi}"> 
    <p:confirm header="Confirmation" message="Is your name actually #{myBean.myName}?" icon="ui-icon-alert" />
  </p:commandButton>
</h:form>

現在，對話框僅顯示一個空字符串。 我們將如何做？

使用selectOneMenu類的東西，我可以添加一個AJAX事件。 我真的需要與輸入字段類似的東西嗎？

Answer 1

在確認之前僅在confirmDialog使用該值就沒有意義，因此方法是使用commandButton的onclick事件來更改message="Is your name actually #{myBean.myName}?" 使用javascript。

檢查此代碼，它可以正常工作：

<h:form id="myForm">
  <p:growl id="msg" />
  <p:inputText id="field" value="#{indexBacking.input}" widgetVar="fieldWv"/>

  <p:commandButton id="cmd01" value="Create" onclick="showConfirm();"/>

  <p:confirmDialog showEffect="fade" hideEffect="fade" id="confirmDialog" widgetVar="confirmDialogWv">
    <f:facet name="message">
      <div id="confirmMessage"></div>
    </f:facet>
    <p:commandButton value="Yes" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" actionListener="#{indexBacking.sayHi()}" update="@form"/>
    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" onclick="PF('confirmDialogWv').hide();"/>
  </p:confirmDialog>

  <script type="text/javascript"> 
    function showConfirm() {
        PF('confirmDialogWv').show();
        $('#confirmMessage').empty();
        $('#confirmMessage').append("<p>Is your name actually [" + PF('fieldWv').jq.val() + "]?</p>");
      }
   </script>
 </h:form>

請注意，我被迫放棄這種行為，並使用p：confirmDialog作為標准對話框來執行此操作。