没有选择的Thymeleaf选项

Question

从控制器，我返回了一个包含对象列表的对象。 我想在下拉列表中显示这些对象列表而没有预选（或默认值，即“选择菜单”），但下拉列表中显示的是预选的最后一个值。

控制器：

@GetMapping(path = "/createOrder")
public ModelAndView displayOrder(OrderFormDetails order) {
    ModelAndView mav = new ModelAndView();
    mav.addObject("order", orderService.displayOrder());
    mav.setViewName("createOrder");
    return mav;
}

模型：

public class OrderFormDetails {

    @NotEmpty(message = "*Please provide your name")
    private String name;

    @NotEmpty(message = "*Please provide your address")
    private String address;

    private List < Dish > dishes;

视图：

<select class="form-control" th:field="*{dishes}" id="dropOperator">
    <option value="" selected="selected">Sélect dish</option>
    <option th:each="dish, itemStat : *{dishes}" th:value="*{dishes[__${itemStat.index}__].id}" th:text="*{dishes[__${itemStat.index}__].title}">
    </option>
</select>

我尝试了多种技巧，但都没有奏效。 谢谢...

Answer 1

通常，您不希望在一个字段中将可能的选项和所选选项混合在一起（正如您显然所做的那样）。 你需要做的就是解开那些东西。 可能的步骤可能会有所帮助

1. 由于OrderFormDetails作用类似于表单支持bean，因此它应包含所选值（ Dish.id ）的占位符，而不是包含可能菜肴的List 。 将OrderFormDetails更改为以下内容：

public class OrderFormDetails {

    @NotEmpty(message = "*Please provide your name")
    private String name;

    @NotEmpty(message = "*Please provide your address")
    private String address;

    private T selectedDish;

    // getters, setters, rest of the class omitted

...其中T是分配给Dish.id字段的类型。

2. 应该单独提供可能的（可选择的）菜肴作为模型属性。 displayOrder下行添加到displayOrder方法：

mav.addObject("dishes", getDishes());

...其中getDishes()返回List<Dish>其中包含作为用户选项的所有菜肴。

3. 调整视图以使用更新的方法：

<select class="form-control" th:field="*{selectedDish}" id="dropOperator">
    <option value="" selected="selected">Sélect dish</option>
    <option th:each="dish : ${dishes}" th:value="${dish.id}" th:text="${dish.title}">
    </option>
</select>

就这样。 这种方法也在文档中显示 - th:field <select>级别的字段指的是表单支持bean的字段，而<option>元素是作为模型属性提供的单独集合创建的。