51. Curso Django 2: Modales con Django

#Python,#Django,#VSC
Hoy vamos a ver como podemos utilizar modales y cargar el contenido de una vista de Django en ellos.
Recuerda que puedes suscribirte y dejar una manito arriba para apoyarme :D
Puedes seguirnos en nuestras Redes Sociales:
- Facebook : Developer.pe
- Instagram: Developer.pe
- Twitter: @Developerpepiur
- KZbin: Developer.pe
Cualquier duda o consulta escríbenos a nuestro correo:
- Correo: [e-mail]
O visitar nuestra web y blog! :D
- Web: www.developerpe...
- Blog: www.developerpe...

[@donplate]

Genial el video. Quiero compartir un problema que tuve con los modales por si a alguno le ocurre lo mismo, ya sabe como solucionarlo. No me cargaba los modales porque estaba usando una versión slim de jquery que había copiado de bootstrap.... Si a alguno le pasa lo mismo, baje la versión completa desde la pagina de jquery y vinculenla al index principal así se hereda hacia todas las paginas. Esto también soluciona el error del signo "$" que ocurre en el vídeo, sin necesidad de tener que crear la variable. En mi caso dentro de la carpeta "static" del proyecto, cree una carpeta "js" y ahi puse el archivo jquery-3.5.1.min.js (versión a la fecha), siendo su vinculación en el index: Saludos!

[@duaneabreu]

Debo decir que Te Amo jajajajaj llevaba días intentando hacer ese modal y al ver tu video me iluminé

[@ACCROSSAPE]

Que genio mannn, le tenia miedo a los modal, nunca los pude hacer andar, los ajax me complicaban, pero vos lo hiciste tan simple *-*, gracias. Me voy a ver todos los videos, están buenos porque son con un django bastante actual... Siegue asi, no hay tanto (o al menos yo no encontré) tanto contenido de habla hispana de django actualizado.

[@conejosoad]

Excelente explicación! había visto esa técnica pero nunca me había funcionado pero así como lo explicas no he tenido ningún problema!! Entre otras cosas, lo valioso que es poder editar registros de una lista en la misma página! mejora la experiencia del usuario y ayuda al programador!

[@helenasoria3874]

No he visto el video todavía, pero los comentarios me dan esperanza

[@davidcastrogonzalez6992]

Perfecto !!! era lo que anda buscando hace tiempo

[@ferfeuerfreifreyja6076]

Qué maldito CRAC! Muchísimas gracias, eres grande

[@ValentinoEB]

Gran aporte. Muchas gracias!

[@quimicaconlandrove]

Me pasa algo raro cuando la primera vez la ventana modal y la cancelo el datatable no funciona ni puedo abrir otro modal por ejemplo el de otro usuario o el que ya abrí

[@yormanblanco3686]

De nuevo gracias por el aporte!

[@patricioperaltarojo5160]

una consulta, porque da error el boton para abrir el modal? en ninguna parte del video lo corrigio, funciona bien todo pero igual queda ese error de codigo

[@xxxxxx8805]

Buenas noches, hice lo mismo que tienes en el video, pero mi problema es que mi modelo y formulario tienen un campo de archivo, por lo que todos los campos de la ventana modal están visibles, excepto el campo de archivo, en la plantilla. en está conectado, ¿cuál podría ser el problema? Tengo UpdateView sin métodos adicionales, ¿cuál podría ser el motivo? Gracias

[@javiersandoval2102]

Discupa yo tengo un problema con los modal, y es que al utilizar el metodo clean para validar la informacion del formulario si algo esta mal me recarga la pagina pero se carga con el url del modal, porque podria ser eso?

[@gustavo0119901]

Gracias!!

[@davidsotorivera8257]

Muchas gracias por el video es muy informativo y se que se subió hace mucho pero tengo una duda, como se tratarían los errores es que hize la prueba pero me retorna de nuevo a la pagina donde esta el contenido de la modal donde no hay estilos

[@franciscoantoniofloresvill7806]

Hola compa mira yo implemente el modal me muestra mi producto de mi vista producto pero solo me muestra el primero al presionar el botón de mas informacion, lo que no logro hacer en mi tienda en linea es que me muestre justamente la informacion de cada producto que selecciono solo me muestra el producto con el id=1. me podrías ayudar?

[@michaellan_eng]

Hola Developer.pe, una pregunta, ¿como sé cuando debo utilizar una u otra vista basada en clases, O sea, DetailView, ListView y así? ¿Qué casos es mejor para cada una de ellas? Yo lo entiendo a nivel básico, pero a veces por no saber termino haciendo las vistas basadas en funciones. Muchas gracias por tu contenido, ayudan muchísimo.

[@Developerpe]

Hola Michael,revisa el nuevo video de Preguntas y Respuestas, allí te explico un poco como saberlo.

[@PabloPetrich]

Excelente video! pero no lo puedo hacer funcionar. El boton que abre el modal simplemente no hace nada... y lo que mas me llama la atencion es que el codigo queda subrayado en rojo en el VSC en la parte del link de la url (aunque en el video tambien). AnexoA Que puede estar mal? el error aparece al poner las comillas simples para expresar el nombre de la url en este caso es cuando se pone 'anexoA'. En la consola del chrome cuando hago clic en el boton no aparece ningun error. es como si no tuviera link Saludos!!

[@josealexandermunozdelgado8649]

Excelente hermano me ha servido mucho para la tesis de la universidad, pero quisiera preguntarte en el minuto 10:57 cuando creas el script para abrir el modal, si quisiera enviar un dato o un id al modal, como sería la línea de código? gracias

[@tomascruzv]

x2🤙

[@gimo05]

Buen video amigo, gracias por compartir tus conocimientos. Tengo una duda referente a como podría agregar la columna estado, para activar o desactivar el libro o autor. Había agregado en el model pero me aparece como true o false al listarlo, quisiera cambiar esas palabras por Activo e Inactivo

[@luisolave8315]

Hola, eso lo puedes hacer en el HTML con un if, comparar si el estado tu objeto es false y en caso que lo sea poner el detalle que quieras, similar a iterar en una lista con for, acá yn ejemplo, espero te sirva {% if usuario.estado == True %} Activo {% else %} Bloqueado {% endif %}

[@nelsonenriquetorreshernand520]

Cómo solucionar el type error $(...).load no es una función? :(

[@delfor]

probablemente no estás usando jquery sino jquery-slim

[@josec.6377]

Hola! Gracias por el curso de verdad está muy bueno y he aprendido bastante.. Y justo ahora necesito una ayuda con este tema, verás, al pasar a hacer todo con modales, los cambios funcionan (edicion, eliminación, creación) pero los cambios no los visualizo de inmediato, es decir aunque por ejemplo, "elimine" un registro, y revise en la base de datos que efectivamente fue alterado, al recargar la pagina se sigue viendo dicho registro en la lista, y sólo luego de reiniciar el servidor es que se observan los cambios... Alguna ayuda? Si lo hago con vistas basadas en funciones, o de la anterior manera (hacer todo en una pagina separada), si se observa el cambio de inmediato..... Utilizo Debian 10, Python 3.0.5, Django 3 (Lo probé en un entorno virtual con Django 2 y sucede lo mismo)

[@josec.6377]

Solucionado jajaja había olvidado definir el get_queryset()

[@Developerpe]

Suele pasar jejeje, saludos ☺️☺️💪💪

[@borjafdez.5878]

Empieza en el minuto 3:00

[@elnaranjita248]

muchas gracias Maestro pero hay un problemita como oculto el id que aparecen en las urls ya que cuando cambio el numero me ingresa a otro formulario y se puede ver y editar esa información que otro usuario que a creado y publicado

[@franciscoantoniofloresvill7806]

utiliza un token con

[@luisolave8315]

El formulario tiene que ser de tipo post, para que la consulta no valla en la URL

[@osmanalexandersamayoaramir9535]

como saber que campo te puede dar un error al guardad el modal y como poder corregir

[@Developerpe]

Hola Osmán, eso es algo importante y que es mejor renderizarlo con Javascript, a través de AJAX para que se vea mejor, por ello es que no se explica en este vídeo, sin embargo, están por subirse al canal los vídeos sobre AJAX con Django donde se explica cómo mostrar los errores en el modal. Saludos!

[@michaellan_eng]

¿Como se pueden validar los errores para que aparezcan en el mismo modal?

[@Developerpe]

Hola Michael, eso se realiza con peticiones Ajax y con JS para poder obtener los errores sin tener que cerrar el modal, esos temas son los que se están grabando y están próximos a ser subidos.

[@michaellan_eng]

@@Developerpe Gracias, estaré muy pendiente, estoy algo atascado con eso.

[@luisolave8315]

Hola!, estaba haciendo pruebas de la aplicación y me di cuenta que cuando se hace clic al boton submit y se produce un error, ya sea por que algun dato único se esta repitiendo se recarga el formulario, pero no se recarga como un modal, si no como otra pagina web, he estado viendo como resolverlo pero aún no doy con la solución, si alguien la tiene lo agradeceria.

[@marialuztejada3228]

Hola! me ha pasado lo mismo, encontraste solución?

[@luisolave8315]

@@marialuztejada3228 hola, no encontré solución, si embargo más adelante se muestra otro método de hacer esto mismo con vainilla js y funciona perfecto

[@marialuztejada3228]

@@luisolave8315 muchas gracias! por casualidad te acordas que nombre tiene el video?

[@luisolave8315]

@@marialuztejada3228 nop