时间戳

首页 > 解决方案 > 使用 ajax 对 selectOneMenu 进行更改时省略验证

jsf - 使用 ajax 对 selectOneMenu 进行更改时省略验证

问题描述

我有一个带有 ajax 的表单中的 selectOneMenu，以便在触发时更新单独的组件。此菜单还使用验证。菜单中的第一项为空，如果该项为空，验证确保您无法提交表单。但是，我确实希望用户能够选择空项目，并将我的支持 bean 中该项目的值设置为空。但是，当用户选择 null 项时，设置不会发生，因为首先发生验证失败并引发异常，从而阻止在我的支持 bean 中将值设置为 null。

这是我的代码

<h:form>
...
   <p:selectOneMenu value="#{myBean.container}">
      <f:selectItem itemLabel="Select One" itemValue=#{null} />
      <f:selectItems value="#{myBean.getContainerItems()}" />
      <p:ajax event="change" update="containerNumSection" />
      <f:validateRequired />
   </p:selectOneMenu>
...
</h:form>

当用户在保持验证的同时选择空项目时，有什么方法可以将我的支持 bean 中的值设置为空？

标签： jsfprimefaces

解决方案

我发现了一种使用自定义验证方法的有点肮脏的解决方法，该方法能够区分 selectOneMany 更改或按下提交按钮的情况：

<h:form>
    <p:selectOneMenu id="select" value="#{myBean.stringVal}"
        validator="#{myBean.validateSelection}">
        <f:selectItem itemLabel="nothing" itemValue="#{null}" />
        <f:selectItem itemLabel="a" itemValue="a" />
        <f:selectItem itemLabel="b" itemValue="b" />
        <p:ajax update="@form" process="@this"/>
    </p:selectOneMenu>

    <p:commandButton value="submit" update="@form" process="@form">
        <f:param name="selectionRequired" value="true"/>
    </p:commandButton>

    <h:message for="select" />
    <h:outputText value="#{myBean.stringVal}" />
</h:form>

如果用户按下提交按钮，名为“selectionRequired”的请求参数将设置为“true”。如果是这种情况，验证方法将委托给该javax.faces.validator.RequiredValidator.validate()方法，否则它什么也不做。

MyBean.validateSelection：

public void validateSelection(FacesContext context, UIComponent component, Object value) {
    String selectionRequired = FacesContext.getCurrentInstance().getExternalContext()
            .getRequestParameterMap()
            .get("selectionRequired");
    if (Boolean.valueOf(selectionRequired)) {
        new RequiredValidator().validate(context, component, value);
    }
}

我必须启用javax.faces.VALIDATE_EMPTY_FIELDS才能使其工作，否则在选择validateSelection时根本不会调用该方法#{null}。

网页.xml：

<context-param>
    <param-name>javax.faces.VALIDATE_EMPTY_FIELDS</param-name>
    <param-value>true</param-value>
</context-param>

推荐阅读