Как сделать всплывающие окно редактирование записи в django?

Question

[Михаил]

Здравствуйте, суть в следующем. Есть записи которые выводятся через цикл в шаблоне. Нужно сделать что бы при нажатии на ссылку показывалось всплывающее окно с формой редактирования данной записи.
Всплывающее окно готово, функция (и класс), тоже есть. Но работает это если только переходить на страницу редактирования.
Вопрос, а как сделать что бы форма для редактирования показывалась в окне?
Как я думаю, нужно сверстать свою форму и передать ей в шаблоне данные.
Может есть более верное и правильное решение данной задачи? Что бы все это обрабатывалось на сервере.

Answer 1

[Евгений]

Вариантов масса. Если используется bootstrap и форм немного, например, то в шаблоне форму запихиваем в bootstrap modal, и все.

Если форм много и/или они очень тяжелые, то делаем отдельный view, который возвращает только html с формой, без оформления. По клику показываем окно bootstrap modal, в которое посредством XMLHttpRequest загружаем форму.

Если используется какой-нибудь фреймворк типа React на фронтенде, то можем реализовать редактирование через использование Django Rest Framework.

В общем, можно реализовать множеством способов, в зависимости от предпочтений и требований.

Comments

[Михаил]

Если использовать вариант с bootstrap, как форму отобразить с label, как обычно выводит шаблонизатор django? Или нужно самому верстать?

[Михаил]

И как сохранить изменения внесенные, это форма редактирования.

[Евгений]

Нужно использовать django-crispy-forms, неважно, с Bootstrap или нет. Этот пакет решает все проблемы с версткой форм. Можно использовать стили bootstrap, можно любые другие. Для bootstrap в нем есть встроенный набор шаблонов.

Сохранять как обычную форму. Если в bootstrap modal форма, то при нажатии на submit она отправится как обычная форма, это же обычный HTML, только стилизован под модальное окно.

Если хочется отправлять форму через XMLHttpRequest, то скорее всего придется самому соответствующий код написать. Для простых случаев это элементарно, для сложных можно поискать готовый пакет (раньше не было, может быть уже появились), или переходить на какой-нибудь Frontend-фреймворк (react, angular, vue, etc).