[英]django-autocomplete-light displays empty dropdown in the form
我正在嘗試使用本教程中的 django-autocomplete-light https://github.com/yourlabs/django-autocomplete-light/blob/master/docs/tutorial.rst
我用 pip 安裝它並將其添加到我的設置文件中
INSTALLED_APPS = (
'dal',
'dal_select2',
為我的租戶價值
我的租戶模型是
class Tenant(CommonInfo):
version = IntegerVersionField( )
first_name = models.CharField(max_length=30)
last_name = models.CharField(max_length=40)
def __unicode__(self):
return u'%s %s %s ' % ("#", self.id,"first_name", self.first_name, "last_name")
在我的自動完成視圖中:
from django.shortcuts import render
from dal import autocomplete
from client.models import Tenant
class TenantAutocomplete(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 Tenant.objects.none()
qs = Tenant.objects.all()
if self.q:
qs = qs.filter(last_name__istartswith=self.q)
return qs
在自動完成網址中
from django.conf.urls import url, include,patterns
from client import views
urlpatterns = [
url(
r'^tenant-autocomplete/$',
views.TenantAutocomplete.as_view(),
name='tenant-autocomplete',
),
]
和形式
class LeaseTenantForm(forms.ModelForm):
tenant = forms.ModelChoiceField(
queryset=LeaseTenant.objects.all(),
widget=autocomplete.ModelSelect2(url='tenant-autocomplete')
)
class Meta:
model = LeaseTenant
exclude = ['lease']
但是在瀏覽器中渲染后,我沒有看到輸入文本字段,而是看到空的下拉列表。 在實際看來
def tenant_new(request,pk,uri):
lease = get_object_or_404(Lease, pk=pk)
title = 'tenant'
uri = _get_redirect_url(request, uri)
if request.method == "POST":
form = LeaseTenantForm(request.POST)
if form.is_valid():
tenant = form.save(commit=False)
tenant.lease = lease
tenant.save()
messages.add_message(request, messages.SUCCESS, str(tenant.id) + "-SUCCESS Object created sucssefully")
return redirect(uri)
else:
form = LeaseTenantForm()
return render(request, 'object_edit.html', {'form': form, 'title': title, 'extend': EXTEND})
我的模板文件
{% block title %}
Add/Edit {{ title }}
{% endblock title %}
{% block content %}
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<h4>{{ title }}</h4>
<br><div class="center">
<form method="POST" class="form" action="" method="get">
<div class="form-group">
{% csrf_token %}
{{ form|crispy}}
{{ form.media }}
<BR><BR>
<button type="submit" class="btn btn-primary btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock content %}
所以基本上自動完成功能不起作用。 我應該驗證什么才能使其工作?
我遇到了同樣的問題。 這是一個很好的參考: django-autocompletion-light simple foreign key completion shows not editable drop-down widget
確保在頭文件中加載 jquery,並為表單使用{{ form.media }}
標記。
這是我在頭文件中加載 jquery 的方法:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
另外,您是否嘗試過訪問tenant-autocomplete/
url 以查看您是否在該頁面上獲得了如教程https://django-autocomplete-light.readthedocs.io/en/master/tutorial 中提到的結果。 html
如果您無法從 url 獲得結果,這應該是您修復的第一個錯誤。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.