Как создать редактирование модалов для каждого элемента в модели?

Question

Я пытаюсь использовать thymeleaf для создания редактирования и удаления модалов для каждого элемента модели в моем ModelAndView с использованием th:each.

Модалы действительно созданы и имеют уникальные идентификаторы, основанные на поле id элементов. У меня проблема: ни одно из значений элементов не анализируется в input s, чтобы пользователь мог видеть текущие значения.

Они, очевидно, существуют потому, что в представлении также есть таблица, которая отображает значения каждого элемента вместе с якорями, которые переключают модалы.

Вот пример кода, как я это делаю:

<div th:each="f : ${foos}" th:id="um- + ${f.id}" class="modal fade" 
    tabindex="-1" role="dialog"> 
... 
    <form role="form" th:action="@{/foo/update}" th:object="${foo}" th:method="post"> 
     <input type="hidden" th:field="*{id}" th:value="${f.id}"/> 
     <fieldset class="form-group"> 
      <label for="bar">Bar</label> 
      <input th:field="*{bar}" th:value="${f.bar}" class="form-control" 
       id="bar" type="text" placeholder="Bar"/> 
     </fieldset> 
     ...    
    </form> 
...   
</div> 

Как создать редактирования модальности для каждого элемента в модели? Я не уверен, почему тимелеар не может получить значения полей из элементов модели.

Answer 1

Это не очень хороший подход. В дополнение к этому не работает, делая с помощью цикла, очевидно, создает n модальные коллекции.

Решение, которое наилучшим образом работало, заключалось в предоставлении единого модального кода, который будет заполнен и отправлен с помощью вызовов Ajax.

У этого no-frills Spring Boot app есть все релевантные коды.