JSF java 列表在添加新项目时被覆盖

Question

我有一个接受姓名和号码的简单 POJO，以及一个将姓名和号码保存到列表中的支持 class。信息通过 JSF 页面输入。但是，每次我将新项目添加到列表时，该值都会被新值覆盖，并且空值会添加到列表中。这是我的对象：

 package com.contact.TO;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
@ManagedBean
@ViewScoped
public class ContactTO implements Serializable {

/**
 * 
 */
private static final long serialVersionUID = 1L;
private String name;
private String phoneNumber;


public ContactTO() {
    name=null;
    phoneNumber=null;
}
public String getName() {
    return name;
}
public void setName(String name) {
    this.name = name;
}
public String getPhoneNumber() {
    return phoneNumber;
}
public void setPhoneNumber(String phoneNumber) {
    this.phoneNumber = phoneNumber;
}

}

我的支持：

package com.contact.backing;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ManagedProperty;
import javax.faces.bean.ViewScoped;
import com.contact.TO.ContactTO;

@ManagedBean(name = "contactBacking")
@ViewScoped
public class ContactBacking implements Serializable {

/**
 * 
 */
private static final long serialVersionUID = 1L;
@ManagedProperty(value = "#{contactTO}")
private ContactTO contact;
private List<ContactTO> contacts;

public ContactBacking() {
    super();
    // TODO Auto-generated constructor stub
}

@PostConstruct
public void init() {

    contacts = new ArrayList<ContactTO>();

}

public void addContact() {
    contacts.add(contact);
    contact = new ContactTO();
    System.out.println("SIZE ="+contacts.size());

}

public void editContact(ContactTO editContact) {
    this.contact = editContact;

}

public void saveContact(String name, String phone, String oldName, String oldPhone) {
    for (ContactTO c : contacts) {
        if (c.getName().equalsIgnoreCase(oldName) && c.getPhoneNumber().equalsIgnoreCase(oldPhone)) {
            c.setName(name);
            c.setPhoneNumber(phone);
        } else {
            addContact();
        }
    }
}

public List<ContactTO> getContacts() {
    return contacts;
}

public void setContacts(List<ContactTO> contacts) {
    this.contacts = contacts;
}

public ContactTO getContact() {
    return contact;
}

public void setContact(ContactTO contact) {
    this.contact = contact;
}

}

还有我的 jsf 页面：

    <!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://java.sun.com/jsf/core">
      <h:head>
        <title></title>
         <link href="./css/styles.css" rel="stylesheet" type="text/css" />
      </h:head>
    <h:body>
        <h:form>
            <h:inputText value="#{contactTO.name}" />
             <h:inputText value="#{contactTO.phoneNumber}" />
        <h:commandButton value="Save" action="#{contactBacking.addContact}">
            <f:ajax execute="@form" render="contactList" />
        </h:commandButton>
        <br />
        <h:panelGroup id="contactList">
            <h:dataTable
                value="#{contactBacking.contacts}" var="dataItem">
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Name" />
                    </f:facet>
                    <h:outputText value="#{dataItem.name}" />
                </h:column>

                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Phone" />
                    </f:facet>
                    <h:outputText value="#{dataItem.phoneNumber}" />
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Edit" />
                    </f:facet>
                    <h:commandButton value="Edit Here"
                        action="#{contactBacking.editContact(dataItem)}">

                        <f:ajax execute="@form" render="contactList" />
                    </h:commandButton>
                </h:column>

            </h:dataTable>
        </h:panelGroup>
    </h:form>
</h:body>
</html>

所以我输入第一个值 "jim" 和“1234567”保存它被添加到列表中，我在页面上看到
姓名 Phone
吉姆 1234567 编辑（按钮）

然后，如果我输入一个新值，比如 "mary"“12345”，我会在页面上看到我的旧值用编辑按钮替换了一个空名称和 phone 行条目，以及我的 array/list 增加到两个
姓名 Phone
玛丽 12345 编辑（按钮）
编辑（按钮）

当我在调试时查看它时，传递的 value/object 为空。

谢谢

Answer 1

你的问题是 ContactTO 是一个托管 bean，因为你用

注释了 class

@ManagedBean
@ViewScoped
public class ContactTO implements Serializable {
...
}

在您的 EL 代码中，您访问了这个托管 bean 的唯一一个实例：

 <h:form>
       <h:inputText value="#{contactTO.name}" />
       <h:inputText value="#{contactTO.phoneNumber}" />
 ...

这就是为什么你一次又一次地覆盖你的价值观。

我会建议你:

不要让 ContactTo 成为托管 bean
作为您的 ContactBacking 托管 bean属性的版本保存和实例化

通过在您的 EL 代码中访问它们来编辑此实例属性

<h:form>
   <h:inputText value="#{contactBacking.contact.name}" />
   <h:inputText value="#{contactBacking.contact.phoneNumber}" />

...

JSF java 列表在添加新项目时被覆盖

JSF java list getting overwritten when new item is added

java

jsf

jsf-2