如何在不重新加载页面的情况下更新数据？

Question

我有一个用户名列表，用户名列表根据用户输入的数量而增加。问题是，当用户输入用户名时，列表会被输入填充，只有当我的页面重新加载时，我的页面才会更新。这是我迄今为止尝试过的代码。

 <ui:repeat id="update" value="#{data.value}" var="tes">

 #{tes.name}
 </ui:repeat>

 <h:inputText value=#{data.name}/>
 <p:commandButton actionListener="#{data.addname()}" update="update"/>

我无法在外页重新加载的情况下更新数据。请建议我如何更新ui：在外页重新加载的情况下重复数据。提前谢谢。

Answer 1

试试这个：

<h:form>
    <h:panelGroup id="toUpdate">
        <ui:repeat value="#{data.value}" var="tes" >
            #{tes.name}
        </ui:repeat>
    </h:panelGroup>

    <h:inputText value=#{data.name}/>
    <p:commandButton actionListener="#{data.addname()}" update="toUpdate"/>
</h:form>