时间戳

首页 > 解决方案 > 如何根据条件使有条件需要的元素不需要

jsf - 如何根据条件使有条件需要的元素不需要

问题描述

在我的应用程序中，我有一个在控制器中设置变量的复选框，以及一个仅根据所述变量的值呈现的 selectOneMenu。根据@BalusC's answer here，我在 required 属性中放置了相同的条件，因为当它被选中时，它是必需的。我的问题是，一旦呈现，当我取消选中该框时，选择一个菜单不会消失，因为它现在也是必需的。在我将条件添加到所需属性之前，选择一个菜单将按预期隐藏/消失。
xhtml:

<h:panelGroup rendered="#{kaizenEntry.isDealer()}">
    <div class="ui-g-4 ui-lg-3">
        <p:outputLabel value="Is This a Customer Shop Site?" for="shopSiteBox" />
    </div>
    <div class="ui-g-4 ui-lg-3">
        <p:selectBooleanCheckbox id="shopSiteBox" value="#{kaizenEntry.checked}" onchange="waitThenHideModal()" disabled="#{kaizenEntry.disabled}" process="@form">
            <f:ajax render="shopSitePanel" execute="shopSitePanel" />
        </p:selectBooleanCheckbox>
    </div>
    <h:panelGroup id="shopSitePanel" layout="block">
        <div class="ui-g-4 ui-lg-3">
            <p:outputLabel rendered="#{kaizenEntry.checked}" value="Shop Site" for="shopSitesDropdown" />
        </div>
        <div class="ui-g-8 ui-lg-3">
            <p:selectOneMenu rendered="#{kaizenEntry.checked}"
              required="#{kaizenEntry.checked}"
              disabled="#{kaizenEntry.disabled}"
              id="shopSitesDropdown"
              styleClass="categoryClass"
              style="width:150px"
              value="#{kaizenEntry.kaizenMain.shopSite}"
              filter="true"
              filterMatchMode="startsWith">
            <f:selectItem itemLabel="--Select--" itemValue="#{null}"/>
            <f:selectItems value="#{kaizenEntry.shopSiteList}" var="c"
                 itemLabel="#{c.storeNumber} - #{c.addressLine1} - #{c.city} #{c.st}, #{c.zip}"
                 itemValue="#{c.storeNumber} - #{c.addressLine1} - #{c.city} #{c.st}, #{c.zip}" />
            </p:selectOneMenu>
        </div>
    </h:panelGroup>
</h:panelGroup>

控制器：

private boolean checked;
public boolean isChecked() {
    return checked;
}

public void setChecked(boolean checked) {
    this.checked = checked;
}

简而言之，我试图在未选中该框时使选择一个菜单消失，就像在我将条件添加到所需属性之前所做的那样，但它不会因为它现在是必需的。我怎样才能做到这一点？

标签： jsfprimefaces

解决方案

它execute="shopSitePanel"是您导致“必需”触发器发生的原因。对于 SelectOne，您只想显示或隐藏值而不对其进行处理。将您的代码更改为此...

<p:selectBooleanCheckbox id="shopSiteBox" value="#{kaizenEntry.checked}" onchange="waitThenHideModal()" disabled="#{kaizenEntry.disabled}" process="@form">
  <p:ajax update="shopSitePanel" process="@this" />
</p:selectBooleanCheckbox>

推荐阅读