java - 如何使用 Thymeleaf 将元素添加到集合中

Question

在我的 Spring/Thymeleaf/Hibernate 项目中，我需要能够将元素添加到编辑对象的字段(即 List<>)。既然不允许嵌入，我该如何做到这一点？ 类似这样的事情:

@Entity
public class Recipe {
    @Id
    private int id;

    private String name;
    private String description;
    private List<String> steps;
}

还有我的 thymeleaf 模板:

<form th:action="@{|/save/${recipe.id}|}" method="post" th:object="${recipe}">

<input type="hidden" th:field="${recipe.id}" th:value="${recipe.id}"/>
<input type="text" th:field="${recipe.name}" th:value="${recipe.name}"/>
<input type="text" th:field="${recipe.description}" th:value="${recipe.description}"/>

<input th:each="step : ${recipe.steps}" type="text" th:field="${step}" th:value="${step}"/>

<!-- And here I want make ability add new step element to List<String> steps -->

如何制作，而不丢失已经编辑的Recipe对象的数据？ 添加使用 <form>和<button type="submit"> ？ 或者只是使用 <a href> ？那么如何不丢失输入的数据呢？

Answer 1

嗯，找到了解决方案，当然不理想，但它有效。 在我的类中添加了字段(它将是标志，我们应该在 form-action-url 的端点中做什么:将步骤添加到列表并重定向以再次编辑或只是保存。并且表单有 2 个提交按钮: 和 ，通过 JavaScrypt 将标志字段更改为“步骤”，所以我会知道我已将元素添加到列表并重定向回来。 JavaScrypt:

<script type="text/javascript">
    function toggleAddedStep()
    {
        document.getElementById("recipeAddedFlag").value = "step";
    }
    function toggleAddedNothing()
    {
        document.getElementById("recipeAddedFlag").value = "";
    }
</script>