Actualizar registro de tabla usando modal con SPring Boot, Java, thymeleaf

(1/1)

Beginner Web:
Hola, quiero hacer el modificar usando un modal, que se carguen los datos en el modal y luego de modificarlos salvarlos, no se como cargarlo ni nada, en otras tecnologias usaba metodos como onclick()="que lo hacia todo" jeje!! pero aca me cuesta :)

este sería el "boton"

Código
<td><a data-toggle="modal" data-target="#updateModal"
class="btn btn-warning"
th:attr="data-target='#updateModal'+${noticia.id}">Editar <i
class="fa fa-edit"></i>
</a></td>

este el modal, lo deje afuera pero se q va a dentro de la etiqueta </td>

Código
<!--#Modal form for noticia update-->
<div class="myFormUpdate">
<form th:action="@{/save}" method="post">
<div class="modal fade"
id="updateModal" tabindex="-1" role="dialog"
aria-labelledby="updateModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="updateModalLabel">Modificar
Noticia</h4>
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p class="alert alert-info">Input data to the fields</p>
<div class="form-group">
<!--<label for="id" class="col-form-label">User id:</th:text></label>-->
<input type="hidden" class="form-control" id="id" th:name="id"
value="" />
</div>
<div class="form-group">
<label for="titulo" class="col-form-label">Titulo:</label> <input
type="text" class="form-control" id="titulo" th:name="titulo"
value="" />
</div>
<div class="form-group">
<label for="descripcion" class="col-form-label">Descripcion:</label>
<input type="text" class="form-control" id="descripcion"
th:name="descripcion" value="" />
</div>
<div class="form-group">
<label for="fecha" class="col-form-label">Fecha:</label> <input
type="date" class="form-control" id="fecha" th:name="fecha"
value="" />
</div>
<div class="form-group">
<label for="fileUpload">Imagen:</label>
<fieldset style="margin-left: 10px;">
<input id="fileUpload" type="file" style="margin-left: 20px"
value="" th:name="imagen" />
</fieldset>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">Close</button>
<input type="submit" class="btn btn-primary" value="Save" />
</div>
</div>
</div>
</div>
</form>
</div>
<!--End update form-->

mmm..
Y este es el método de mi controlador que debería actualizar el registro seleccionado

Código
@RequestMapping(value = "/edit/{id}", method = RequestMethod.GET)
   public String edit(@PathVariable("id") Long id, Model model) {
       Optional<Noticia> noticia = this.noticia.findById(id);
       model.addAttribute("noticia", noticia);
       return "redirect:/noticias";
   }
 

Me ayudan?  Por lo menos a cargar el modal con los datos del registro... ;-)

Navegación

[0] Índice de Mensajes