estoy haciendo un formulario para crear pokemones, cada uno tiene su nombre y una lista de tipos. El problema que tengo en si es que quiero enviar la informacion del formulario a la base de datos para guardarlo me da error; lo que me interfiere es que cuando quiero enviar la lista de tipos de pokemon no me deja y me la envia vacia. Como puedo arreglar esto.
Tengo esta clase PokemonModel
public class PokemonModel {
private String nombre;
private List<TipoModel> tipos;
public PokemonModel() {
}
public String getNombre() {
return nombre;
}
public PokemonModel(String nombre, List<TipoModel> tipos) {
super();
this.nombre = nombre;
this.tipos = tipos;
}
public void setNombre(String nombre) {
this.nombre = nombre;
}
public List<TipoModel> getTipos() {
return tipos;
}
public void setTipos(List<TipoModel> tipos) {
this.tipos = tipos;
}
}
El controller PokemonController
@GetMapping("/agregar")
public String agregarPokemon(Model model) {
model.addAttribute("pokemon", new PokemonModel());
model.addAttribute("tipos", tipoService.getAll());
return "pokemon/agregar";
}
@PostMapping("/agregar")
public String agregarPokemon(@Valid PokemonModel modelo) {
pokemonService.insertOrUpdate(modelo);
return "redirect:/app/listar";
Y mi planilla agregar.html
<form th:action="@{/app/agregar}" th:object="${pokemon}" method="post">
<div class="form-group row">
<label class="col-form-label col-sm-2">Pokemon</label>
<div class="col-sm-4">
<input type="text" id="nombre" th:field="*{nombre}"
class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-form-label col-sm-2">Tipos</label>
<div th:each="tipo: ${tipos}" class="row col-sm-2">
<input type="checkbox" th:field="*{tipos}" th:value="${tipo}">
<label th:text="${tipo.nombre}"></label>
</div>
</div>
<div class="form-group row">
<div class="col-sm-4">
<input type="submit" value="Enviar" class="btn btn-primary">
</div>
</div>
</form>