如何为模型中的每个元素生成编辑模式？

Question

我正在尝试使用 thymeleaf 为我的 ModelAndView 模型中的每个元素生成编辑和删除模式，使用 th:each。

确实创建了模态框，并且根据元素的 id 字段具有唯一的 id。我遇到的问题是 none 的元素值被解析为 input 以使用户能够看到当前值。

它们显然在那里，因为视图还有一个 table，它显示每个元素的值以及切换模式的锚点。

下面是我如何做的一些示例代码：

<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>

如何为模型中的每个元素生成编辑模式？我不确定为什么 thymeleaf 无法从模型元素中获取字段的值。

Answer 1

这实际上不是一个好方法。除了它不起作用之外，使用循环显然会为集合创建 n 模态。

最有效的解决方案是提供一个单一模式，该模式将通过 Ajax 调用进行填充和提交。

这个no-frills Spring Boot app有所有相关代码。

如何为模型中的每个元素生成编辑模式？

How to generate edit modals for each element in the model?

java

spring-mvc

view-templates

thymeleaf

bootstrap-modal