Spring 如何在jsf中单击add按钮添加多个文本框

当我在jsf primefaces页面中单击添加新文本字段时，遇到了一个问题。请大家帮帮我怎么办。。。主要的问题是，当我点击add按钮时，整个页面都会刷新，但上一个文本框会自动删除，并在上一个文本框的基础上创建一个新的文本框。但我两者都需要。。例如，当我们在gmail中附加文件时，会显示我们附加的所有文件。我附加的形象，我需要像这样

**.xhtml**
  <h:form >

        <h:panelGrid border="0" columns="3" cellpadding="4" columnClasses="control-label">

            <h:outputText value="Individual Email"/>
            <div>   
            <h:dataTable value="#{utilBean.addresses}" var="rec" binding="#{utilBean.data}"        id="addresses">
                <h:column>
                    <h:inputText id="address" value="#{rec.emailAddress}" binding="#{utilBean.address}"/>
                </h:column>
                <h:column>
                    <h:commandButton id="delete" value="Delete" immediate="true" actionListener="#{utilBean.deleteAddress}"/>
                </h:column>
            </h:dataTable>

            <h:commandButton id="add" value="Add Email Address" immediate="true"   actionListener="#{utilBean.addAddress}" />
            </div>
            <br/>

      </h:panelGrid>

</h:form>                   

---

请告诉我哪里出了错。

您必须在绑定到p:datatable的列表中添加新地址，然后只需更新p:datatable即可。它会起作用的

<h:commandButton id="add" value="Add Email Address" immediate="true"   actionListener="#{utilBean.addAddress}" update="addresses"/>

<h:commandButton id="add" value="Add Email Address" immediate="true"   actionListener="#{utilBean.addAddress}" update="addresses"/>