Попробовал ui:repeat
https://github.com/aradess/jsf-jetty-dyn/blob/feature/repeat/src/main/webapp/helloworld.xhtml
https://github.com/aradess/jsf-jetty-dyn/blob/feature/repeat/src/main/java/groupid/HelloWorld.java
Как бы работает, но это не то что нужно. Это все реализовано через события вида onclick=submit() - но это приводит к ререндерингу всей формы. А реальный кейс, в котором используется данная функциональность - сложнее, и ререндеринг в нем лишний.
Попробую уточнить загвоздку, которую нужно решить, которая есть в следующем коде:
Нужно чтобы при выборе значения в selectOneMenu и соответственно запуска в ajax listener="#{helloWorld.change(helloWorld.selectedType)}"/> , чтобы перед запуском этого listener значения которые введены в h:inputTextarea были синхронизированы с helloWorld.values[field]
Потому что сейчас наблюдается ситуация:
1) Ввели значение в Поле 3 (и это никак не отобразилось на значениях в helloWorld.values)
2) Выбрали добавление элемента из выпадающего списка
3) Обновили элемент c id="main" значениями которые в helloWorld.values (а они устаревшие)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
<title>PrimeFaces Hello World Example</title>
</h:head>
<h:body>
<h:form>
<p:panel id="main">
<h:panelGrid columns="2">
<h:outputText value="Add value"
style="vertical-align: top; width: 200px;"/>
<p:selectOneMenu
widgetVar="type" id="type"
style="width: 350px"
value="#{helloWorld.selectedType}">
<f:selectItem itemValue="#{null}" itemLabel=""/>
<f:selectItems value="#{helloWorld.availableFields}" var="def" itemLabel="#{def}" itemValue="#{def}"/>
<p:ajax event="change"
update="main"
listener="#{helloWorld.change(helloWorld.selectedType)}"/>/>
</p:selectOneMenu>
</h:panelGrid>
<h:panelGroup id="panelRepeatWrapper">
<c:forEach id="panelRepeat" items="#{helloWorld.selectedFields}" var="field">
<h:panelGrid columns="3">
<h:outputText value="#{field}"
style="vertical-align: top; width: 200px;"/>
<h:inputTextarea value="#{helloWorld.values[field]}"
style="width: 550px; height: 50px;"/>
<p:commandButton value="x" action="#{helloWorld.onDelete(field)}" update="main">
</p:commandButton>
</h:panelGrid>
</c:forEach>
</h:panelGroup>
</p:panel>
</h:form>
</h:body>
</html>
