动态添加UI组件

Question

可能重复： How to create dynamic JSF 1.2 form fields

我需要一个功能，我可以添加一组表单元素，如(文本框，下拉菜单)，每次我点击‘添加’按钮。当我单击组件旁边的“删除”按钮时，应该将其从页面中删除。这是我在Java中需要的功能。有人能帮上忙吗？

Answer 1

这是一个有用的例子。您应该根据自己的需求实现自己的代码。

向页面添加一个textBox，然后使用ui:repeat、a4j:repeat或c:forEach这样的可迭代组件来创建多个组件。

<h:form id="test">  
  <ui:repeat value="#{myBean.myObjects}" var="obj">
    <h:inputText value="#{obj.text}" />
    <h:commandButton action="#{myBean.remove(obj)}" value="Remove"/><br/>
  </ui:repeat>
  <br/>
  <h:commandButton action="#{myBean.add()}" value="Add"/>  
</h:form>

在托管bean中，getMyObjects()方法应该返回添加项的列表。

public class MyBean {
  private List<MyObject> objs = new ArrayList<MyObject>();

  public List<MyObject> getMyObjects() {
    return objs;
  }

  public void remove(MyObject t) {
    objs.remove(t);
  }

  public void add() {
    objs.add(new MyObject());
  }

  public class MyObject {
    private String text;

    public String getText() {
      return text;
    }

    public void setText(String text) {
      this.text = text;
    }

  }
}