Свет автозаполнения Django: поле не заполнено

Я установил "Django autocomplete light" и теперь следую этому руководству: https://django-autocomplete-light.readthedocs.org/en/master/tutorial.html

Вот мой код:

setting.py

INSTALLED_APPS = (
'dal',
'dal_select2',
'garages',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
)

models.py

class Country(models.Model):
    name = models.CharField(max_length=200)

    def __str__(self):
        return self.name


class Person(models.Model):
    birth_country = models.ForeignKey(Country)

    def __str__(self):
        return self.birth_country

views.py

class CountryAutocomplete(autocomplete.Select2QuerySetView):
    def get_queryset(self):
        # Don't forget to filter out results depending on the visitor !
        if not self.request.user.is_authenticated():
            return Country.objects.none()
        qs = Country.objects.all()
        if self.q:
            qs = qs.filter(name__istartswith=self.q)
        return qs


def create_person(request):
    person_form = PersonForm()
    c = {
        'person_form': person_form,
    }
    c.update(csrf(request))

    return render_to_response('garages/person_form.html', c,
                              context_instance=RequestContext(request))

forms.py

class PersonForm(forms.ModelForm):
class Meta:
    model = Person
    fields = '__all__'
    widgets = {
        'birth_country': autocomplete.ModelSelect2(url='garages:country-autocomplete')
    }

urls.py

url(r'^country-autocomplete/$', CountryAutocomplete.as_view(), name='country-autocomplete'),
url(r'^new_person/$', views.create_person, name='create_person'),

person_form.html

{% extends 'base.html' %}

{% block content %}
<div>
    <form action="" method="post">
        {% csrf_token %}
        {{ person_form.as_p }}
        <input type="submit" />
    </form>
</div>
{% endblock %}

{% block footer %}
<script type="text/javascript" src="http://dal-yourlabs.rhcloud.com/static/collected/admin/js/vendor/jquery/jquery.js"></script>

{{ form.media }}
{% endblock %}

РЕЗУЛЬТАТ

введите здесь описание изображения

Проблема: поле "Страна рождения" не заполнено, а также я не могу ввести.

В чем причина? Возможно ли, что причина вызвана .js, загруженным на base.html?

В base.html загружается

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

person Massimo Variolo    schedule 16.03.2016    source источник
comment
Не знаю, почему за это проголосовали. Это полезный вопрос, и кажется, что это обычная проблема, с которой сталкиваются при попытке использовать django-autocomplete-light.   -  person Anupam    schedule 30.05.2017


Ответы (2)


Убедитесь, что вы включили {{form.media}} в шаблон.

person PhoebeB    schedule 11.11.2018
comment
Чтобы было понятнее, не забудьте включить jquery.js ПЕРЕД form.media ! Это единственный способ, которым это сработало для меня. <script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script> {{ form.media }} - person Donald; 18.04.2020

решение было простым: добавление некоторых плагинов javascripts и css

<link href="/static/collected/autocomplete_light/vendor/select2/dist/css/select2.css" type="text/css" media="all" rel="stylesheet" />
<link href="/static/collected/autocomplete_light/select2.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" src="/static/collected/autocomplete_light/autocomplete.init.js"></script>
<script type="text/javascript" src="/static/collected/autocomplete_light/select2.js"></script>
person Massimo Variolo    schedule 22.03.2016
comment
У меня похожая проблема, куда вы положили javascripts и css? - person tomnl; 13.06.2016
comment
в person_form.html - person Massimo Variolo; 06.03.2017