首页 > 解决方案 > JSF SelectOneMenu 在另一个字段上的验证错误已修复并重新提交表单后显示错误值

问题描述

我遇到了一个非常奇怪的问题,其中 selectOneMenu jsf 控件显示错误的值作为选定的值(即使模型使用正确的值更新)在前一个(不是当前) 提交。

如何复制(下面的最少代码):

  1. 加载表单并将“必填文本字段”文本框留空。
  2. 在下面的几个下拉列表中将一些值设置为 Active 和 Inactive。
  3. 提交表格。将出现一条关于“必填文本字段”为空白的错误消息,并且您设置的下拉菜单仍将具有您为它们提供的相同值(预期)。模型的打印输出仍将显示旧值,而不是您选择的值(预期)。
  4. 将一些文本放入“必填文本字段”并提交表单。
  5. 错误消息消失,表单被“保存”。模型在下拉菜单旁边的打印输出具有您设置的值(预期),但是,下拉菜单本身不再具有您作为选定选项选择的值(非预期)。

在此处输入图像描述

示例代码:

    <?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form id="myForm">
            <div>
                <h:outputLabel value="Required text field" for="reqField" />
                <h:inputText value="#{myBeanController.requiredField}" id="reqField" label="Required Text Field" required="true" />
            </div>
            <div>
                <h:outputLabel value="some objects" />
                <ui:repeat value="#{myBeanController.bunchOfObjects}" var="obj">
                    <div>
                        value on obj model: #{obj}
                        <h:selectOneMenu value="#{obj.type}">
                            <f:selectItems value="#{myBeanController.availableRequiredTypeOptions}" />
                        </h:selectOneMenu>
                    </div>
                </ui:repeat>
            </div>
            <div>
                <h:commandButton value="Submit" action="#{myBeanController.save}" />
            </div>
        </h:form>
    </h:body>
</html>

控制器豆:

package com.mycompany.reproducefieldnotsavingaftervalidation;

import java.util.Collection;
import java.util.LinkedList;
import java.util.Map;
import java.util.TreeMap;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.apache.commons.lang3.text.WordUtils;

@ManagedBean
@SessionScoped
public class MyBeanController {
    private String requiredField;
    private Collection<MyDomainClass> bunchOfObjects;

    @PostConstruct
    public void init(){
        // create some sample objects
        bunchOfObjects = new LinkedList<>();
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.ACTIVE));
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.INACTIVE));
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.UNKNOWN));
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.UNKNOWN));
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.UNKNOWN));
        bunchOfObjects.add(new MyDomainClass(MyDomainClass.PossibleTypes.UNKNOWN));
    }

    public void save() {
        System.out.println("SAVING FORM");
        System.out.println("requiredField: " + getRequiredField());
        System.out.println("Bunch of objects: ");
        for(MyDomainClass obj : getBunchOfObjects()) {
            System.out.println("/tObj: " + obj);
        }
    }

    public Map<String, String> getAvailableRequiredTypeOptions() {
        Map<String, String> options = new TreeMap<>();

        for(MyDomainClass.PossibleTypes type : MyDomainClass.PossibleTypes.values()) {
            // make the text of the option pretty by removing all caps and replacing underscores with space
            options.put(WordUtils.capitalizeFully(type.name(), new char[]{'_'}).replaceAll("_", " "), type.name());
        }

        return options;
    }

    public String getRequiredField() {
        return requiredField;
    }

    public void setRequiredField(String requiredField) {
        this.requiredField = requiredField;
    }

    public Collection<MyDomainClass> getBunchOfObjects() {
        return bunchOfObjects;
    }

    public void setBunchOfObjects(Collection<MyDomainClass> bunchOfObjects) {
        this.bunchOfObjects = bunchOfObjects;
    }    
}

模型:

package com.mycompany.reproducefieldnotsavingaftervalidation;

import java.util.Objects;

public class MyDomainClass {
    private String type;

    public MyDomainClass() { }

    public MyDomainClass(PossibleTypes type) {
        this.type = type.name();
    }

    public MyDomainClass(String type) {
        this.type = type;
    }

    public static enum PossibleTypes {
        UNKNOWN, ACTIVE, INACTIVE
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    @Override
    public String toString() {
        return "MyDomainClass{" + "type=" + type + '}';
    }

    @Override
    public int hashCode() {
        int hash = 7;
        hash = 79 * hash + Objects.hashCode(this.getType());
        return hash;
    }

    @Override
    public boolean equals(Object obj) {
        if (this == obj) {
            return true;
        }
        if (obj == null) {
            return false;
        }
        if (!(obj instanceof MyDomainClass)) {
            return false;
        }
        final MyDomainClass other = (MyDomainClass) obj;
        if (!Objects.equals(this.getType(), other.getType())) {
            return false;
        }
        return true;
    }

}

标签: jsfjsf-2.2

解决方案


切换

<ui:repeat> 

<c:forEach>

似乎已经解决了这个问题。我不知道为什么 ui:repeat 仅在先前验证失败后的保存时才引起问题,而不是在第一次有效保存时引起问题(如果有人知道此问题的答案,请发布它,我很想知道)。根据一些研究,ui:repeat 发生在与 f:selectItem 或 f:selectItems 不同的阶段,但我预计每次保存都会发生此问题,但事实并非如此。

无论如何,如果您看到类似的内容并且您的选择位于 ui:repeat 内,请尝试使用 ac:forEach 将其切换出来,看看是否可以解决问题。


推荐阅读