动态添加的组件正在垂直增长

Question

我按照建议的here选项在我的PrimeFaces v3.5应用程序中动态添加inputtext框。我面临的唯一问题是新添加的inputtext正在垂直增长。屏幕截图已附加。

Answer 1

<h:dataTable>生成一个HTML <table>元素，其中每次迭代都会生成一个<tr>元素，该元素自然代表一个新行。

如果您根本不想生成表格，则不应使用<h:dataTable>，例如<ui:repeat>。

<h:form>
    <ui:repeat value="#{bean.items}" var="item">
        <h:inputText value="#{item.value}" />
    </ui:repeat>
    <h:commandButton value="add" action="#{bean.add}" />
    <h:commandButton value="submit" action="#{bean.submit}" />
</h:form>

这不会生成任何标记，HTML <input>元素by default将以一行结尾。