python - Django-autocomplete-light 显示空下拉列表而不是自动完成小部件
问题描述
我正在尝试在我的项目中实现 django-autocomplete-light,但无法弄清楚为什么它没有向我显示自动完成小部件,而是一直显示一个空的下拉列表。
我遵循了教程:https ://django-autocomplete-light.readthedocs.io/en/3.1.3/tutorial.html 。
我发现这个问题已经出现在其他 stackoverflow 问题中,但到目前为止,这些答案都没有帮助我。
我有以下模型:
class Vilt(models.Model):
vilt_title = models.CharField(max_length=200, unique=True)
我创建了这个自动完成视图:
class ViltAutocomplete(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 Vilt.objects.none()
qs = Vilt.objects.all().order_by('vilt_title')
if self.q:
qs = qs.filter(vilt_title__istartswith=self.q)
return qs
我在指定小部件的地方使用这个 ModelForm。
from .models import Vilt
from dal import autocomplete
class ViltSearchForm(forms.ModelForm):
vilt_title = forms.ModelChoiceField(
queryset = Vilt.objects.all(),
widget = autocomplete.ModelSelect2(url='vilt-autocomplete')
)
class Meta:
model = Vilt
fields = ('vilt_title',)
from .views import (ViltAutocomplete,
)
urlpatterns = [
#other paths
path('vilt/autocomplete/', ViltAutocomplete.as_view(), name='vilt-autocomplete'),
#other paths
]
{% extends "bierviltje/base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block content %}
<div class="container">
#other forms
<div>
<form action="" method="post">
{% csrf_token %}
{{ vilt_search_form|crispy }}
<input type="submit" />
</form>
</div>
#other forms
</div>
{% endblock content %}
{% block javascript %}
{{ vilt_search_form.media }}
{% endblock javascript %}
这是在 base.html 中的 javascript 块之前加载的 Javascript:
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
{% block javascript %}
{% endblock javascript %}
解决方案
自从您发布查询以来已经有一段时间了。但是,如果您还没有找到答案,这里是解决方案:
在您的 ModelForm“ViltSearchForm”中,请从以下位置更改小部件:
widget = autocomplete.ModelSelect2(url='vilt-autocomplete')
至:
widget = autocomplete.ListSelect2(url='vilt-autocomplete')
但是,如果我可以在这里添加,我无法理解在独立模型上使用“自动完成”的原因。
反馈将不胜感激。
推荐阅读
- angular - “HttpClient”类型的参数不能分配给“HttpClient”类型的参数(角度迁移 v4 到 v5)
- selenium - Jenkins 上的 Selenium 正在跳过所有测试
- outsystems - 如何使用 Outsystems 制作计时器应用程序?
- javascript - 使用节点、mysql、express和纯js从db中删除一行
- java - 谷歌最后一次更新后,Direction API 谷歌地图出现问题
- ruby-on-rails - 以与原始视图不同的视图显示表格
- wordpress - ACF 从父页面获取转发器的子字段
- android - 当我的应用程序关闭时,如何从后台线程记录事件?
- jquery - 如何将 jquery 元素转换为 typescript 实例?
- amazon-web-services - AWS Lambda Python RDS Postgres IAM 身份验证的 Conn 配置