簡體   English   中英

添加新項目時,JSF Java列表將被覆蓋

[英]JSF java list getting overwritten when new item is added

我有一個簡單的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”,並將其添加到列表中,然后在頁面上看到
姓名電話
吉姆1234567編輯(按鈕)

然后,如果我輸入新值,請說“ mary”“ 12345”,我在頁面上看到我的舊值用編輯按鈕替換了一個空名稱和電話行條目,並且我的數組/列表的大小增加到了兩個
姓名電話
mary 12345編輯(按鈕)
編輯(按鈕)

當我在調試時查看它時,傳遞的值/對象為null。

謝謝

您的問題是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}" /> ... 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM