根据selectOneMenu值有条件地呈现组件

Question

有没有一种方法可以根据用户从selectOneMenu组件中选择的当前值来呈现组件？我的selectOneMenu组件填充了一个枚举，该枚举包含两个值: smoker和non-smoker。如果用户选择了吸烟者，我想在它下面渲染一个复选框，让用户检查他们每天吸烟10，20，30+等。我也希望相反的工作，如果他们的用户选择了非吸烟者，即复选框不渲染/消失。

Answer 1

只需检查目标组件的rendered属性中的下拉菜单的值，并通过<f:ajax>更新它们的公共父级。下面是一个启动示例：

<h:selectOneMenu value="#{bean.item}">
    <f:selectItem itemValue="one" />
    <f:selectItem itemValue="two" />
    <f:selectItem itemValue="three" />
    <f:ajax render="results" />
</h:selectOneMenu>

<h:panelGroup id="results">
    <h:panelGroup rendered="#{bean.item eq 'one'}">
        You have selected "one".
    </h:panelGroup>
    <h:panelGroup rendered="#{bean.item eq 'two'}">
        You have selected "two".
    </h:panelGroup>
    <h:panelGroup rendered="#{bean.item eq 'three'}">
        You have selected "three".
    </h:panelGroup>
</h:panelGroup>

如果您希望根据所选值执行某些业务逻辑，请使用<f:ajax listener>。

<f:ajax listener="#{bean.changeItem}" render="results" />

public void changeItem() {
    someResult = someService.getByItem(item);
}

另请参阅：

• Why do I need to nest a component with rendered="#{some}" in another component when I want to ajax-update it?
• How to load and display dependent h:selectOneMenu on change of a h:selectOneMenu
• Conditionally displaying JSF components