java - example - thymeleaf spring 5

¿Cómo mostrar todos los valores de enumeración posibles en una lista desplegable con Spring y Thymeleaf?

Question

Tengo un objeto de dominio que tiene una propiedad de enumeración y quiero mostrar una lista desplegable con todos los valores de enumeración posibles en el formulario para este objeto. Imagina el siguiente objeto:

public class Ticket {

  private Long id;

  private String title;

  private State state;

  // Getters & setters

  public static enum State {
    OPEN, IN_WORK, FINISHED
  }

}

En mi controlador tengo un método que representa un formulario para este objeto:

@RequestMapping("/tickets/new")
public String showNewTicketForm(@ModelAttribute Ticket ticket) {
  return "tickets/new";
}

La plantilla se ve así:

<form th:action="@{/tickets}" method="post" th:object="${ticket}">
  <input type="text" th:field="*{title}" />
  <select></select>
</form>

Más tarde debería transformarse en algo como esto:

<form action="/tickets" method="post">
  <input type="text" name="title" />
  <select name="state">
    <option>OPEN</option>
    <option>IN_WORK</option>
    <option>FINISHED</option>
  </select>
</form>

¿Cómo puedo crear la etiqueta de selección? El valor seleccionado también debe asignarse al ticket automáticamente para que pueda hacer algo como esto en el controlador:

@RequestMapping(value = "/tickets", method = RequestMethod.POST)
public String createTicket(@Valid Ticket ticket) {
  service.createTicket(ticket);

  return "redirect:/tickets";
}

Answer 1

Además, si desea separar el nombre ordinal de la enumeración de la cadena que se muestra en la GUI, agregue propiedades adicionales, por ejemplo, una persona:

public static enum State {

    OPEN("open"),
    IN_WORK("in work"),
    FINISHED("finished");

    private final String displayName;

    State(String displayName) {
        this.displayName = displayName;
    }

    public String getDisplayName() {
        return displayName;
    }
}

Y en el archivo html:

<select>
  <option th:each="state : ${T(com.mypackage.Ticket.State).values()}" th:value="${state}" th:text="${state.displayName}"></option>
</select>

Esto le presentará la información al usuario y le permite cambiar esta cadena de manera silenciosa más tarde sin tener que refactorizar el código. Puedes agregar más propiedades como th: title de esta manera.

Answer 2

Podrías hacerlo:

<select>
    <option th:each="state : ${T(com.mypackage.Ticket.State).values()}"
            th:value="${state}"
            th:text="${state}">
    </option>
</select>