How to use autocomplete on dropdownlist of ForeignKey field on my custom page

Using Django
1

Hi

As I see, we can apply autocomplete_fields for ForeignKey field on admin.py as the figure below. Employee model is ForeignKey field on Incident_Detail Model.
Apparently , we can search employee name on dropdowlist in admin page as figure shown in below.

image
image1238×770 36.6 KB

My requirement is that

I want to implement autocomplete on dropdown list of ForeignKey field like admin.py on my custom page.

How to configure and code in views,py , forms.py , urls.py and ,mycustom_templete.html

Anyone can advise guidelines or sample code?

The figure below is my custom form.

image
image1731×826 36.7 KB

Thank you a lot.
Pongthorn

2 Likes
2

Actually, the best sample code available would be the admin page itself. You can bring up that page in your browser to see the JavaScript being used, and then look at the views in django.contrib.admin to see how it’s handled on the server.

Also see Form Assets (the Media class) | Django documentation | Django for some breadcrumbs as to how to use those admin widgets in your own page.

3

I try django-ajax-selects · PyPI
It saves my time to do.it is very close to your recommendation.

Thank you for your advice.