abden003 abden003 - 2 years ago 387
jQuery Question

How to use django-autocomplete-light

How do I use django_autcomplete_light to add autocomplete to one field in a form. I have a form which is based off of a model, and I want to add autocomplete to the firstname field.

I have done the following so far:

Install django_autocomplete_light



Added it to urls.py, here is my urls.py:

from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
url(r"^admin/", include(admin.site.urls)),
url(r"^app/", include("app.urls")),
url(r"^autocomplete/", include("autocomplete_light.urls")),
url(r"^.*$", include("app.urls")),

Created a file called autocomplete_light_registry.py and added the following:

import autocomplete_light as al
from .models import *

search_fields = ["^firstname"],
"placeholder":"First name",

changed my PersonForm from:

class PersonForm(forms.ModelForm)


class PersonForm(autocomplete_light.ModelForm)

class Meta:
model = Person
autocomplete_fields = ("firstname")

I also added the following line to the html page for the form:

{% include 'autocomplete_light/static.html' %}

And I imported all the necessary jquery files

But the autocomplete does not appear. I don't get any errors. I followed the documentations tutorial.

I am using
python manage.py runserver
to run the application.


I changed the urlpatterns to (made the django-autocomplete-light url first):

urlpatterns = [
url(r"^autocomplete/", include("autocomplete_light.urls")),
url(r"^admin/", include(admin.site.urls)),
url(r"^app/", include("app.urls")),
url(r"^.*$", include("app.urls")),

This did not solve the problem though.

Answer Source

You have to do something different if you are using django-autocomplete-light to search models.CharField. In your form.py you need to add the following widget to the field you want add autocomplete to:


For example forms.py:

from django import forms
import autocomplete_light
from .models import *

class PersonForm(forms.ModelForm):
    This form is to create new RTN's.  It does not include lastupdateddate and
    lastupdatedby, because these will be automatically filled out.
    class Meta:
        model = Rtn
        autocomplete_fields = ("firstname")
        fields = ["firstname", "lastname", "age"]
        widgets = {

You should note that what will appear in the autcomplete will be what you return in the __str__ or __unicode__ function in your models class. In my example my Persons class had the following __unicode__ method:

def __unicode__(self):
  return "{0} {1}".format(self.firstname, self.lastname)

So what is shown in the text field that is being autocomplete will be the full name of the person not just the first name, and if you select one the full name is entered into the field.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download