Как создать автозаполнение поля ввода в форме, используя Django
Я довольно новичок в Джанго и его способах. Я пытаюсь создать поле автозаполнения для формы. Мой код, как показано ниже
forms.py
models.py
Есть идеи, как это можно сделать?
Обновление:
Я начал возиться с django-autocomplete-light и теперь смог получить ответ от URL автозаполнения. Это выглядит так
views.py
Я до сих пор не знаю, как заставить эти данные появляться в поле «from_email»
1 ответ
Наконец-то я получил работу автозаполнения поиска, используя инструкции, найденные здесь
Доступно много других пакетов, но это было просто и легко для меня.
Я собираюсь объяснить код, который я использовал
page.html
Визуализация Jinja продолжала перезаписывать определение класса из представлений, поэтому я добавил для этого проверку if.
urls.py
Добавил эту строку в urls.py
forms.py
views.py
Это было для меня самым запутанным. Запрос GET прост для понимания, но потребовалось время, чтобы преобразовать данные из model.objects в объект в формате JSON. Уловка заключалась в том, чтобы использовать
При фильтрации данных из базы данных, последующем преобразовании в список с использованием list(data) и, наконец, использовании JsonResponse для преобразования его в JSON.
Надеюсь, это поможет любому, кто хочет простое автозаполнение
Django автоматическое заполнение поля в модели при её создании
Появилась необходимость заполнить поле с номером заявки до формирования формы, связанной с моделью, но как это сделать? В интернете много способов, и нет ни одного рабочего! Я догадался сам, сейчас расскажу вам, как это сделать при помощи отдельной функции.
Для начала уточню, что присвоить номер необходимо не просто до формирования формы, а даже до сохранения объекта модели.
Как сделать уникальный номер заявки, если нет доступа к id/pk? Ведь форма еще не сформирована, и, соответственно, объект будет сохранен только после нажатия кнопки «добавить в форме». До этого момента id/pk недоступен. Говорят, есть функция uuid, но в обнаруженных ответах примеров не было, и я всё-таки допилил свой способ.
При объявлении поля модели можно задать параметр default и в нем указать функцию:
CharField мне в конкретном случае более удобен, а так можно использовать IntegerField.
verbose_name указывает имя, которое используется в качестве названия в админке и в названии поля в сформированной форме.
unique указывает, должно ли значение данного поля быть уникальным.
Так вот, в параметре default можно указать функцию для вычисления номера для новой заявки.
Функцию необходимо объявить до объявления класса модели и использовать в ней return, и да, никаких параметров self. Вот пример:
Способ до гениальности простой, можно без труда переделать под себя.
Собственное поле формы в Django
Источник данных для автодополнения
Наш виджет будет брать данные из модели, куда, собственно, и сохраняются введенные теги
Так как теги могут содержать пробелы, и прочий мусор, введем в модель поле slug, четко идентифицирующее тег по содержимому, независимо от того, сколько пробелов между словами в названии тега. Введем также метод класса get_or_create, возвращающий тег, если он найден по полю slug, или создающий новый тег в обратном случае. Кроме того, перед созданием нового тега, мы приводим его к нижнему регистру в методе save для единообразия.
View для работы автодополнения
Набросаем небольшое представление, возвращающее список тегов, начинающихся с введенных символов.
Плагин Tag-It! передает введенную строку в переменной term.
Виджет и поле формы
Виджет и поле формы можно объявить непосредственно в месте их применения — в forms.py. Я так и сделал, так как не планировал его использовать где-либо еще.
Виджет я унаследовал от скрытого поля ввода, так как визуализацией занимается плагин Tag-It.
tag-it.js и jquery.tagit.css — файлы плагина Tag-It. Содержимое tagit_widget.js будет описано ниже.
В объявлении поля формы указываем виджет. В конструктор кроме обычных параметров передаем модель тегов, с помощью которой список названий тегов преобразуем в список объектов-тегов в методе to_python. Метод prepare_value делает обратное преобразование. В методе widget_attrs добавляем скрытому полю атрибут «class», по которому скрипт будет находить нужные поля для применения к ним плагина Tag-It.
Сам скрипт находится в файле tagit_widget.js и имеет следующий вид:
О дополнительных опциях плагина можно посмотреть здесь. Скажу только, что здесь я разрешаю тегам содержать пробелы (allowSpaces), делаю автодополнение без задержки после ввода (delay), начиная со второго введенного символа (minLength) и беря варианты из нашей вьюхи (source).
Заключение
Поле готово к использованию. Применить его можно следующим образом:
Главное, не забыть в шаблоне подключить статику из этой формы
how to create a autocomplete input field in a form using Django
I am pretty new to django and its ways. I am trying to create an autocomplete field for a form. My code is as below
forms.py
What I want to achieve is that when an user types words into the «From Email» field the list of emails I have stored in an external DB should appear in the autocomplete list option.
models.py
Update :
I started messing around with django-autocomplete-light and now able to get a reply from the autocomplete url. It looks like this
views.py
I still do not know how to get this data to appear in the field «from_email»
2 Answers 2
I finally got the autocomplete search working using the instructions found here
It is very simple to use and does not need to install any app in settings.py and it works for both bootstrap 3 and bootstrap 4
There are lot of other packages available but this was simple and easy for my need.
I am going to explain the code I used
page.html
autoComplete is the function called to perform the action and minLength specifies the minimum length of the text before performing the fetch action I added an extra CSS to fix the autocomplete dropdown otherwise it was weird.
The Jinja render kept overwriting the class definition from views so I added an if check for it.
urls.py
Added this line to urls.py
forms.py
views.py
This was the most confusing part for me. The GET request is easy to understand but it took a while to convert the data from model.objects into a JSON formatted object. The trick was to use
when filtering the data from the database, then converting to a list using list(data) and finally use JsonResponse to convert it to JSON.
Hope this will help any one who wants a simple autocomplete
как создать поле ввода автозаполнения в форме с помощью Django
Я новичок в django и его путях. Я пытаюсь создать поле автозаполнения для формы. Мой код выглядит следующим образом:
forms.py
То, что я хочу достичь, заключается в том, что когда пользователь вводит слова в поле «From Email» список электронных писем, которые я хранил во внешней БД, должен появляться в опции списка автозаполнения.
models.py
Любая идея, как это можно сделать?
Обновить :
Я начал возиться с django-autocomplete-light и теперь смог получить ответ от URL автозаполнения. Похоже, это
views.py
Я до сих пор не знаю, как получить эти данные в поле «from_email»
Я, наконец, получил поиск автозаполнения, используя приведенные здесь инструкции
Он очень прост в использовании и не требует установки какого-либо приложения в settings.py и он работает как для начальной загрузки 3, так и для начальной загрузки 4
Есть много других доступных пакетов, но это было просто и легко для моей потребности.
Я собираюсь объяснить код, который я использовал
page.html
Средство Jinja сохраняло переписывание определения класса из представлений, поэтому я добавил, чтобы проверить его.
urls.py
Добавлена эта строка в urls.py
forms.py
views.py
Это была самая запутанная часть для меня. Запрос GET легко понять, но потребовалось некоторое время, чтобы преобразовать данные из model.objects в форматированный JSON-объект. Хитрость заключалась в том, чтобы использовать
при фильтрации данных из базы данных, затем преобразование в список с использованием list(data) и, наконец, использование JsonResponse для преобразования его в JSON.
Надеюсь, это поможет любому, кто хочет простой автозаполнения