Modal forms with Django+HTMX
This video shows how to use HTMX to show Django forms in modal dialog boxes.
The solution presented here requires very few JavaScript lines, renders form errors nicely, and refreshes the main page on success.
The following blog post contains a condensed version of this video:
https://blog.benoitblanchon.fr/django-htmx-modal-form/
The following GitHub repository contains a complete project demonstrating the technique:
https://github.com/bblanchon/django-htmx-modal-form
See also the follow-up video that shows how to display a toast: https://youtu.be/pAtrj8A-Kl4
Contact me on Codementor for live 1:1 mentoring:
https://www.codementor.io/@bblanchon
Table of Contents:
00:00 - Introduction
01:26 - Presentation of the original project
03:30 - Tour of the initial code
08:18 - import HTMX's JavaScript
08:53 - Lazy load movie list
15:53 - Add a placeholder for the dialog
17:40 - Change form's CSS
19:11 - Move the form
21:52 - Show the dialog
28:06 - FIx dialog's Cancel button
29:24 - Perform POST request with HTMX
31:52 - Return an empty response on success
34:29 - Hide the dialog
42:01 - Update movie list on success
45:25 - Reset the dialog's content
50:28 - Support status 200
52:58 - Recap
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Modal forms with Django+HTMX», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.