Tạo các trường nhập động động trong JSF 2.0 và liên kết nó với một bean sao lưu

Question

Yêu cầu của tôi là một cái gì đó như thế này. Trong trang JSF (2.0), tôi có một phần được gọi là Địa chỉ. Tôi đã thêm một nút có nội dung "Thêm địa chỉ". Khi người dùng nhấp vào nút, các trường địa chỉ mới (văn bản đầu vào) sẽ được tạo động (Line1, Line2, City v..v ..). Và khi tôi nhấp vào gửi, tất cả các giá trị (Địa chỉ 1, Địa chỉ 2 ... Địa chỉ N) phải đi đến một danh sách mảng.

Vì vậy, tôi cần phải

1. động tạo ra các thành phần UI trên nhấp chuột vào một nút
2. liên kết những thành phần giao diện người dùng để một bean hậu thuẫn (Tốt nhất vào một danh sách)
3. bảng dữ liệu không nên được được sử dụng cho các bên trên

Rất khó để tìm tài liệu JSF thích hợp trực tuyến, vì vậy nếu có ai có thể giúp tôi, sẽ rất tuyệt

Cập nhật: Câu trả lời được đăng bởi noone hoạt động tốt, nhưng tôi muốn thứ gì đó mạnh mẽ hơn, như tạo thành phần UI động từ Bộ điều khiển Java (Bean java, sử dụng thành phần HtmlPanelGrid). Tôi đã có thể tạo ra các thành phần tự động bằng cách sử dụng htmlPanelGrid, nhưng tôi không thể tìm cách để ràng buộc các thành phần được tạo ra đó vào danh sách địa chỉ trong bean (một trong đó lưu trữ chi tiết của tất cả các địa chỉ)

Answer 1

Tôi giả sử rằng bạn có một lớp Address cho địa chỉ. Và AddressBean với số List để giữ địa chỉ.

Mã này có thể trông như thế này (đối với kịch bản cơ bản nhất mà tôi có thể nghĩ đến):

<h:form id="addressForm"> 
    <h:commandButton value="Add Address" action="#{addressBean.addAddress()}" immediate="true" execute="@this"> 
     <f:ajax render="addressForm" /> 
    </h:commandButton> 
    <c:forEach items="#{addressBean.addressList}" var="address"> 
     <h:inputText value="#{address.street}" /><br /> 
    </c:forEach> 
    <h:commandButton value="Save" action="#{addressBean.persistAddresses}" /> 
</h:form> 

---

@ManagedBean 
@ViewScoped 
public class AddressBean { 
    private List<Address> addressList = new ArrayList<Address>(); // getter+setter 

    public void addAddress() { 
     addressList.add(new Address()); 
    } 

    public void persistAddresses() { 
     // store the addressList filled with addresses 
    } 
} 

---

public class Address { 
    private String address; // getter+setter 
} 

<c:forEach> được lấy từ JSTL. Nó có thể làm việc với <ui:repeat>, nhưng tùy thuộc vào kịch bản thực tế của bạn có thể không.