在弹出窗口中单击“是”时在 PrimeFaces 中显示标签答案

【问题标题】：Showing a label in PrimeFaces when clicked on yes on popup在弹出窗口中单击“是”时在 PrimeFaces 中显示标签
【发布时间】：2017-01-06 15:04:40
【问题描述】：

我有一个 PrimeFaces 弹出窗口，如果我在弹出窗口上单击“是”，它应该会显示一个标签。

我的弹窗代码：

<p:confirmDialog widgetVar="confirmDialog"
    visible="#{loadCouponGroupBean.displaypopUp =='true'}"
    showEffect="fade" id="confirmDialog" hideEffect="fade"
    message="#{msgs['msg.changeTemplate']}"
    header="#{msgs['msg.confirmation']}">
    <p:commandButton value="Yes" type="button" 
        styleClass="ui-confirmdialog-yes" icon="ui-icon-check" update="itemDetailsId"
        onclick="PF('confirmDialog').hide()" />
    <p:commandButton value="No" type="button"
        styleClass="ui-confirmdialog-no" icon="ui-icon-close"
        onclick="PF('confirmDialog').hide()" />
</p:confirmDialog>

还有我的标签代码：

<h:outputLabel id="itemDetailsId" value="#{loadCouponGroupBean.itemBo.name}" />

基于此，当用户在弹出窗口上单击“是”时，我需要显示标签。我该怎么做？

【问题讨论】：

它非常简单，您可以使用 javascript 或 jsf 执行此操作，使用 css "display" 属性。

标签： javascript jquery jsf jsf-2 primefaces

【解决方案1】：

您应该为 h:outputLabel 中使用的变量分配一个值。

value="#{loadCouponGroupBean.itemBo.name}"

您可以在单击“是”按钮时通过调用 jsf bean 中的方法为其分配一个值。将“是”按钮更改为以下

<p:commandButton value="Yes" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" update="itemDetailsId" action="loadCouponGroupBean.changeName()"  onclick="PF('confirmDialog').hide()" />

然后在你的 bean 中创建一个 changeName 方法

public void changeName(){
   name="New Value";
}

【讨论】：