如何为模型中的每个元素生成编辑模态?

时间:2016-01-16 20:39:15

标签: java spring-mvc bootstrap-modal thymeleaf view-templates

我正在尝试使用百万美元使用ModelAndViewth:each中的模型中的每个元素生成编辑和删除模式。

确实创建了模态,并且基于元素的id字段具有唯一ID。我遇到的问题是没有将元素的值解析为input以使用户能够看到当前值。

它们显然存在,因为视图还有一个表格,显示每个元素的值以及切换模态的锚点。

以下是我如何做的一些示例代码:

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

如何为模型中的每个元素生成编辑模态?我不确定为什么百万美元无法从模型元素中获取字段的值。

1 个答案:

答案 0 :(得分:3)

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

最有效的解决方案是提供一个将使用Ajax调用填充和提交的模式。

no-frills Spring Boot app包含所有相关代码。