我一直在關注DAL 教程，并且可以在以下位置訪問 json 物件
http://127.0.0.1:8000/entry/river-autocomplete/?q=S
所以我知道我的觀點是有效的。除此之外，除了 ForignKey 的標準小部件之外，我似乎什么也得不到。通過查看 stackoverflow 中的以下帖子，我覺得某些靜態檔案或 javascript 庫沒有正確加載，但在我的一生中，我無法弄清楚如何解決這個問題。
django-autocomplete-light 模板不呈現自動完成小部件
django-autocomplete-light 在表單中顯示空下拉串列
以下是我認為與此問題有關的所有檔案。如果我能進一步澄清事情，請告訴我。
views.py（編輯添加的完整views.py）
class CreateEntry(LoginRequiredMixin, generic.CreateView):
fields = ('date', 'river', 'flow', 'description', 'public')
model = JournalEntry
def form_valid(self, form):
self.object = form.save(commit=False)
self.object.user = self.request.user
self.object.save()
return super().form_valid(form)
def get_success_url(self):
return reverse_lazy('home')
#autocomplete view
class RiverAutocomplete(autocomplete.Select2QuerySetView):
def get_queryset(self):
#User filtering code goes here
if not self.request.user.is_authenticated:
return River.objects.none()
qs = River.objects.all()
if self.q:
qs = qs.filter(river_name__istartswith=self.q)
return qs
設定.py
INSTALLED_APPS = [
'dal',
'dal_select2',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'journal',
'accounts',
'bootstrap5',
'django.contrib.admin',
]
模型.py
class River(models.Model):
river_name = models.CharField(max_length=50)
aw_id = models.CharField(max_length=20)
state = models.CharField(max_length=5)
def __str__(self):
return "{river}".format(river=self.river_name)
class JournalEntry(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE)
date = models.DateField()
river = models.ForeignKey("River", on_delete=models.CASCADE)
flow = models.FloatField()
description = models.TextField(max_length=250)
public = models.BooleanField(default=False)
# picture = models.ImageField()
def __str__(self):
return "{river}--{date}".format(river=self.river, date=self.date)
表格.py
from django import forms
from . import models
from .widgets import FengyuanChenDatePickerInput
from dal import autocomplete
class JournalForm(forms.ModelForm):
date = forms.DateField(input_formats=['%m/%d/%Y'], widget=FengyuanChenDatePickerInput())
river = forms.ModelChoiceField(
queryset=models.River.objects.all(),
widget=autocomplete.ModelSelect2(url='journal:river-autocomplete'))
class Meta:
model = models.JournalEntry
fields = ("__all__")
網址.py
from django.urls import path
from django.conf.urls import url
from . import views
app_name='journal'
urlpatterns = [
...
...
#autocomplete view
url(r'^river-autocomplete/$', views.RiverAutocomplete.as_view(model=River, create_field='name'), name='river-autocomplete'),
]
html
{% extends "base.html" %}
{% load static %}
{% block content %}
<div class="container">
<h1>New Entry:</h1>
<form method="post">
{% csrf_token %}
<h3>Date:</h3>
{{ form.date}}
<h3>River:</h3>
{{ form.river }}
<h3>Flow:</h3>
{{ form.flow }}
<h3>Description:</h3>
{{ form.description }}
<h4>Public: {{ form.public }}</h4>
<input type="submit" value="Save">
</form>
</div>
{% endblock %}
{% block footer %}
<!-- DAL -->
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
{{ form.media }}
<script>
(function($) {
$('#id_river').click(function() {
var index = $('#id_inline_test_models-TOTAL_FORMS').val()
var newTable = $('#id_inline_test_models-__prefix__-DELETE').parents('table').clone()
newTable.find(':input').each(function() {
for (attr of ['name', 'id'])
$(this).attr(
attr,
$(this).attr(attr).replace('__prefix__', index)
)
})
newTable.insertBefore($(this))
$('#id_inline_test_models-TOTAL_FORMS').val(
parseInt($('#id_inline_test_models-TOTAL_FORMS').val()) 1
)
newTable.slideDown()
})
})($)
</script>
<!-- Datepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js" integrity="sha256-/7FLTdzP6CfC1VBAj/rsp3Rinuuu9leMRGd354hvk0k=" crossorigin="anonymous"></script>
<script>
$(function () {
$("#id_date").datepicker({
format:'dd/mm/yyyy',
});
});
</script>
{% endblock %}
基本檔案
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>American Whitewater Journal</title>
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<!-- Fengyuan Chen's Datepicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.css" integrity="sha256-b88RdwbRJEzRx95nCuuva hO5ExvXXnpX 78h8DjyOE=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/0.6.5/datepicker.min.js" integrity="sha256-/7FLTdzP6CfC1VBAj/rsp3Rinuuu9leMRGd354hvk0k=" crossorigin="anonymous"></script>
</head>
<body>
<nav style="background-color: #238c91" role="navigation" id="navbar">
...
...
...
</nav>
<div >
{% block content %}
{% endblock %}
{% block footer %}
{% endblock %}
</div>
</body>
</html>
I have tried to use the exact {% block content %} that is in the tutorial without a differing result. Any help would be much appreciated.
Second question: I am pretty new to posting on stackoverflow and wonder if anybody has a good rule of thumb about how many hours one should spend researching and trying on your own before you post a question?
uj5u.com熱心網友回復：
您沒有將表單類傳遞給視圖，只是傳遞欄位意味著您使用的表單只是一個沒有自定義小部件的自動生成的 ModelForm
class CreateEntry(LoginRequiredMixin, generic.CreateView):
model = JournalEntry
form_class = JournalForm
...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/363787.html
標籤：jquery django autocomplete django-autocomplete-light
上一篇：選擇復選框時保存行值