PrimeFaces：仅首个selectOneMenu验证通过时条件更新第二个组件

我帮你完善这个联动必填的实现，以下是完整的可运行方案，包含页面和后端代码，还有关键细节说明：

完整页面代码 #

<h:form>
    <!-- 第一个下拉框：Foo -->
    <p:outputLabel id="foolbl" for="foo" value="Foo" />
    <p:selectOneMenu id="foo" required="true" value="#{bean.foo}">
        <f:selectItem itemLabel="请选择" itemValue="" />
        <f:selectItem itemLabel="需要必填Bar" itemValue="REQUIRE_BAR" />
        <f:selectItem itemLabel="不需要必填Bar" itemValue="NO_REQUIRE" />
        <!-- 监听值变化，调用后端方法并更新第二个下拉框及其标签 -->
        <p:ajax listener="#{bean.onFooChange}" update="barlbl bar" />
    </p:selectOneMenu>

    <!-- 第二个下拉框：Bar，通过binding绑定到后端Bean -->
    <p:outputLabel id="barlbl" for="bar" value="Bar" />
    <p:selectOneMenu id="bar" value="#{bean.bar}" binding="#{bean.barComponent}">
        <f:selectItem itemLabel="请选择" itemValue="" />
        <f:selectItem itemLabel="选项1" itemValue="OPTION1" />
        <f:selectItem itemLabel="选项2" itemValue="OPTION2" />
    </p:selectOneMenu>

    <p:commandButton value="提交" action="#{bean.submit}" />
</h:form>

后端Bean代码（ViewScoped是关键） #

import javax.faces.view.ViewScoped;
import javax.inject.Named;
import javax.faces.component.UISelectOne;

@Named
@ViewScoped
public class Bean implements java.io.Serializable {
    private String foo;
    private String bar;
    // 绑定第二个下拉框的组件实例
    private UISelectOne barComponent;

    // 监听第一个下拉框的值变化，动态设置第二个的必填状态
    public void onFooChange() {
        // 当Foo选中"REQUIRE_BAR"时，Bar设为必填，否则取消必填
        barComponent.setRequired("REQUIRE_BAR".equals(foo));
    }

    // 表单提交逻辑
    public String submit() {
        // 这里可以处理业务逻辑，服务器端会自动校验Bar的必填状态
        return "success";
    }

    // 以下是Getter和Setter，必须实现
    public String getFoo() { return foo; }
    public void setFoo(String foo) { this.foo = foo; }
    public String getBar() { return bar; }
    public void setBar(String bar) { this.bar = bar; }
    public UISelectOne getBarComponent() { return barComponent; }
    public void setBarComponent(UISelectOne barComponent) { this.barComponent = barComponent; }
}

关键注意事项 #

• 必须用ViewScoped：如果用RequestScoped，组件绑定的状态会在每次请求后重置，导致Bar的必填状态丢失。不管是JSF原生的@ViewScoped还是CDI的@ViewScoped都可以，核心是保留视图级别的状态。
• Ajax要更新标签：update="barlbl bar"里的barlbl不能少，因为PrimeFaces的必填星号*是渲染在<p:outputLabel>上的，只更新组件本身的话标签不会刷新星号。
• 初始状态预设：如果Foo有默认值，可以在Bean的@PostConstruct方法里预先设置Bar的必填状态，这样页面加载时就会显示正确的星号：

  @PostConstruct
  public void init() {
      foo = "REQUIRE_BAR"; // 假设默认选中需要必填Bar
      barComponent.setRequired("REQUIRE_BAR".equals(foo));
  }
  

• 服务器端校验兜底：即使前端通过开发者工具篡改了状态，提交表单时JSF的服务器端校验依然会生效，保证数据的合法性。

内容的提问来源于stack exchange，提问作者bricks