elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Trabajando con las ramas de git (tercera parte)



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Actualizar registro de tabla usando modal con SPring Boot, Java, thymeleaf
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Actualizar registro de tabla usando modal con SPring Boot, Java, thymeleaf  (Leído 260 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 594


youtu.be/0YhflLRE-DA


Ver Perfil
Actualizar registro de tabla usando modal con SPring Boot, Java, thymeleaf
« en: 3 Marzo 2021, 01:46 am »

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
  1. <td><a data-toggle="modal" data-target="#updateModal"
  2. class="btn btn-warning"
  3. th:attr="data-target='#updateModal'+${noticia.id}">Editar <i
  4. class="fa fa-edit"></i>
  5. </a></td>

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

Código
  1. <!--#Modal form for noticia update-->
  2. <div class="myFormUpdate">
  3. <form th:action="@{/save}" method="post">
  4. <div class="modal fade"
  5. id="updateModal" tabindex="-1" role="dialog"
  6. aria-labelledby="updateModalLabel" aria-hidden="true">
  7. <div class="modal-dialog" role="document">
  8. <div class="modal-content">
  9. <div class="modal-header">
  10. <h4 class="modal-title" id="updateModalLabel">Modificar
  11. Noticia</h4>
  12. <button type="button" class="close" data-dismiss="modal"
  13. aria-label="Close">
  14. <span aria-hidden="true">&times;</span>
  15. </button>
  16. </div>
  17. <div class="modal-body">
  18. <p class="alert alert-info">Input data to the fields</p>
  19. <div class="form-group">
  20. <!--<label for="id" class="col-form-label">User id:</th:text></label>-->
  21. <input type="hidden" class="form-control" id="id" th:name="id"
  22. value="" />
  23. </div>
  24. <div class="form-group">
  25. <label for="titulo" class="col-form-label">Titulo:</label> <input
  26. type="text" class="form-control" id="titulo" th:name="titulo"
  27. value="" />
  28. </div>
  29. <div class="form-group">
  30. <label for="descripcion" class="col-form-label">Descripcion:</label>
  31. <input type="text" class="form-control" id="descripcion"
  32. th:name="descripcion" value="" />
  33. </div>
  34. <div class="form-group">
  35. <label for="fecha" class="col-form-label">Fecha:</label> <input
  36. type="date" class="form-control" id="fecha" th:name="fecha"
  37. value="" />
  38. </div>
  39. <div class="form-group">
  40. <label for="fileUpload">Imagen:</label>
  41. <fieldset style="margin-left: 10px;">
  42. <input id="fileUpload" type="file" style="margin-left: 20px"
  43. value="" th:name="imagen" />
  44. </div>
  45. </div>
  46. <div class="modal-footer">
  47. <button type="button" class="btn btn-secondary"
  48. data-dismiss="modal">Close</button>
  49. <input type="submit" class="btn btn-primary" value="Save" />
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </form>
  55. </div>
  56. <!--End update form-->

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

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

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


En línea

{_id: "5ef16999f6ce240abc225ss3",
nombre: "Ana Keldysh",
nacionalidad: "Argentina",
edad: "17",
profesion: "Desarrollador Web Full Stack, pero la verdad hago de todo.",
"__v": 0
}
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines