Динамически добавленный компонент растет вертикально

Question

Я использую предложенную опцию here для динамического добавления поля ввода текста в приложении PrimeFaces v3.5. Единственная проблема, с которой я столкнулся, заключается в том, что новый добавленный текст растет вертикально. Скриншот прилагается.

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 в конечном итоге в одной строке.