django-crispy-forms & ModelChoiceFields / Select2 Integration for Searchable Form Fields

In this video, we look at the ModelChoiceField in Django Forms, that allows a form to link to Foreign Key objects in a select element.

We will see how to style the form with django-crispy-forms and Bootstrap 5, and also how to add a Select2 widget to the select element, allowing users to search through the list of Foreign Key objects.

After looking at foreign key relations, we'll also see how to add multiple related objects in a form to a model's ManyToManyField, using the ModelMultipleChoiceField in Django.

Finally, we will also see how to customize the QuerySet passed to the ModelChoiceField and ModelMultipleChoiceField - allowing the related items in the select element to be filtered.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
02:11 Creating Django Form with a ModelChoiceField
08:00 Handling POST request in Django view
11:39 Styling form with django-crispy-forms
13:46 Adding select2 to ModelChoiceField for searchable dropdown
16:14 Limiting foreign-key queryset in ModelChoiceField
17:48 Adding multiple relations with ModelMultipleChoiceField
20:46 Database junction table for ManyToManyField

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes

▶️ Full Playlist:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://bugbytes.io/posts/
👾 Github: https://github.com/bugbytes-io/
🐦 Twitter:   / bugbytesio  

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
Github: https://github.com/bugbytes-io/django...
ModelChoiceField: https://docs.djangoproject.com/en/4.2...
ModelMultipleChoiceField: https://docs.djangoproject.com/en/4.2...
Django-crispy-forms: https://django-crispy-forms.readthedo...
Crispy-bootstrap5: https://pypi.org/project/crispy-boots...
jQuery: https://releases.jquery.com/
Select2: https://select2.org/getting-started/i...
UserCreationForm: https://docs.djangoproject.com/en/4.2...

#python #django #webdevelopment