java - 如何使用 ThymeLeaf 将对象的属性绑定(bind)到隐藏字段？

Question

HTML - ThymeLeaf 模板:

<form th:action="@{/gustos}" method="post" th:object="${gusto}">
    <div class="col s12 l8">
                    <select th:field="*{categoria}">
                        <option value="" disabled="disabled">Categoria</option>
                        <option value="Dulces de Leche">Dulce de Leche</option>
                        <option value="Cremas">Cremas</option>
                        <option value="Chocolates">Chocolates</option>
                        <option value="Frutales">Frutales</option>
                    </select>
    </div>
</form>

这是我的 Java Gusto 类属性:

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private int id;

    @Column
    private int idCategoria;

    @Column
    private String categoria;

    @Column // opcional (name="")
    private String nombre;

如果用户选择了第一个选项 (Dulce de Leche)，我需要 Gusto 类中的 int idCategoria 值取值 1，如果用户选择了第一个选项 (Dulce de Leche)，则取值 2第二个，第三个 3，第四个 4，但我不知道如何用 ThymeLeaf 做到这一点!此逻辑基于 categoria 属性，如果 categoria 等于某个名称，则 categoriaId 将是某个数字...示例:如果 categoria 等于“Dulces de Leche”，则 categoriaId 应为“1” '!!!

¡ 请注意，我在表单顶部使用对象绑定(bind)!

我已经尝试过这个:

  <div th:field="*{idCategoria}">
            <div th:switch="*{categoria}">
                <input type="hidden" th:case="'Dulces de Leche'" value="1" />
                <input type="hidden" th:case="'Cremas'" value="2" />
                <input type="hidden" th:case="'Chocolates'" value="3" />
                <input type="hidden" th:case="'Frutales'" value="4" />
            </div>
  </div>

但是它不起作用!我想在模板中执行逻辑!!

我该怎么做？

非常感谢大家<3

Answer 1

您可以使用jQuery 来完成此操作。只需创建一个新的隐藏输入，其中包含您缺少的字段。您的代码将类似于以下内容。

首先，您的新输入和类别的选择更改

<input id="id" th:field="*{id}" hidden="hidden"/>
<select id="categorias" th:field="*{categoria}">
    <option value="" disabled="disabled">Categoria</option>
    <option value="Dulces de Leche">Dulce de Leche</option>
    <option value="Cremas">Cremas</option>
    <option value="Chocolates">Chocolates</option>
    <option value="Frutales">Frutales</option>
</select>

现在是你的 jQuery

$('#categorias').on('change', function() {
    var value = $(this).val();
    if(value === "Dulce de Leche") {
        $('#id').val(1);
    }
    // Now you just fill the rest.
})

现在，每次更改类别时，都会向 id 添加一个新值。希望能帮助到你!如果您还需要任何其他信息，请告诉我。