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

时间:2015-07-24 01:43:57

标签: java jsf jsf-2

我有一个简单的POJO,它包含一个名称和编号,以及一个将此名称和编号保存到列表中的支持类。信息通过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”,保存它会添加到列表中,我在页面上看到
姓名电话
jim 1234567编辑(按钮)

然后,如果我输入一个新值,说“mary”“12345”我在页面上看到我的旧值用一个编辑按钮替换一个空名称和电话行条目,我的数组/列表的大小增加到两个
姓名电话
玛丽12345编辑(按钮)
           编辑(按钮)

当我在调试时查看它时,传递的值/对象为null。

由于

1 个答案:

答案 0 :(得分:1)

您的问题是ContactTO是托管bean,因为您使用

注释了该类
@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}" />
    
    ...