jsf - 如何创建多个 p :confirm dialogs on a single page

Question

我需要使用 Primefaces 在单个 XHTML 页面上请求两种不同类型的确认对话框。 Primefaces 展示中的当前示例非常基础。这是我的基本示例:

<h:form id="mydatatableform"> 
<p:dataTable ... />
    <p:column ... headerText="Column A Data">
        <h:outputText ... />
    </p:column>
    <p:column ... headerText="Acknowledge Docs">
        <p:commandButton value="Acknowledge" ...
            <p:confirm ajax="true" header="Confrimation" message="Do Acknowledge you have received the docs?"/>
        </p:commandButton>
    </p:column>
    <p:column ... headerText="Accept or Deny">
        <p:commandButton value="Accept or Deny" ...
            <p:confirm ajax="true" header="Confrimation" message="Do you Accept or Deny the proposal?"/>
        </p:commandButton>
    </p:column>
</p:dataTable>
</h:form>
<p:confirmDialog id="yesno" global="true">
    <h:form>
        <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" />
    </h:form>
</p:confirmDialog>

好消息是这工作得很好。

不幸的是，用户不想在接受或拒绝问题的对话框中选择是或否。他们希望在对话框中接受或拒绝。

我找不到任何好的示例来说明如何使用两个不同的 confirmDialog 选项或从一个或另一个中进行选择的方法。

理想情况下，第二个 confrimDialog 看起来像这样:

<p:confirmDialog id="acceptdeny" global="true">
    <h:form>
        <p:commandButton value="Accept" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
        <p:commandButton value="Deny" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
    </h:form>
</p:confirmDialog>

我确定我需要删除 global=true 并以某种方式在每个 p:confirm 标记中单独引用每个 confirmDialog 但我找不到一个很好的例子来做到这一点，正如我所说的 Primefaces 展示文档不是很详细这点。

有什么建议吗？

Answer 1

在这里查看 PF 文档的第 120 页:user guide 5.2

所以不是引用 <p:confirm>在您的示例的命令按钮中，您将显示()相关的确认对话框。

这是我所指文档的摘录。

<h:form>
  <p:commandButton type="button" onclick="PF('cd').show()" />
  <p:confirmDialog message="Are you sure about destroying the world?"
     header="Initiating destroy process" severity="alert"
     widgetVar="cd">
     <p:commandButton value="Yes Sure" actionListener="#{buttonBean.destroyWorld}"
       update="messages" oncomplete="PF('cd').hide()"/>
     <p:commandButton value="Not Yet" onclick="PF('cd').hide();" type="button" />
  </p:confirmDialog>
</h:form>