【问题标题】:JSF java list getting overwritten when new item is added添加新项目时,JSF java列表被覆盖
【发布时间】:2015-10-14 13:19:28
【问题描述】:

我有一个简单的 POJO,它接收名称和数字,以及一个将名称和数字保存到列表的支持类。信息是通过 JSF 页面输入的。但是,每次我向列表中添加新项目时,值都会被新值覆盖,并且 null 值会添加到列表中。这是我的对象:

 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 编辑(按钮)

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

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

谢谢

【问题讨论】:

  • 在你的代码中有一些奇怪的地方,在我看来你应该得到一个java.util.ConcurrentModificationException,因为你正在迭代一个集合并向它添加元素。并且您没有显示添加/编辑表单...
  • 也许这就是你要找的东西:stackoverflow.com/questions/8459903/…

标签: java jsf jsf-2


【解决方案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}" />
    
    ...
    

【讨论】:

  • 有没有办法刷新或获取bean的新实例并仍然使用托管bean注释,因此仍然使用contactTO.name和contactTO。电话号码
  • 没有。按照设计,只要其范围离开,它将始终是同一个实例。使用 #{contactBacking.contact.name} 和 #{contactBacking.contact.phoneNumber} 访问您的新实例确实没有问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-27
  • 1970-01-01
  • 2015-10-06
  • 2020-08-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多