ModelForm 和 ModelSelect2Widget (django-select2)答案

【问题标题】：ModelForm and ModelSelect2Widget (django-select2)ModelForm 和 ModelSelect2Widget (django-select2)
【发布时间】：2020-01-09 06:17:57
【问题描述】：

我有一个 ModelForm，其中包含来自 django-select2 的 ModelSelect2Widget

https://github.com/applegrew/django-select2

按照此处的文档：

https://django-select2.readthedocs.io/en/latest/django_select2.html#django_select2.forms.ModelSelect2Widget

forms.py

class RentalForm(forms.ModelForm):


    name = forms.ChoiceField(
            widget=ModelSelect2Widget(
                model=ldap_data,
                search_fields=['user__icontains']
            )
        )
    date_start = forms.CharField(label="Datum Ausleihe", help_text="", widget=forms.TextInput(attrs={'class': 'form-control form-control-sm', 'placeholder': '01.01.2019' }))
    date_end = forms.CharField(label="Datum Rückgabe", help_text="", widget=forms.TextInput(attrs={'class': 'form-control form-control-sm', 'placeholder': '01.01.2019' }))

    class Meta:
        model = Rental
        fields = ['device', 'name', 'date_start', 'date_end',]

models.py

class ldap_data(models.Model):
    user = models.CharField(max_length=1024)

    def __str__(self):
        return self.user

ldap_data 包含大约 100 个条目。

在我看来，一切看起来都很好，但在呈现的模板中，name 下拉列表中没有可用的数据。

谷歌浏览器中的控制台登录显示：

select2.min.js:1 Uncaught ReferenceError: jQuery is not defined
    at select2.min.js:1
    at select2.min.js:1
(anonymous) @ select2.min.js:1
(anonymous) @ select2.min.js:1
django_select2.js:9 Uncaught ReferenceError: jQuery is not defined
    at django_select2.js:9
    at django_select2.js:11

【问题讨论】：

标签： python django django-forms django-select2

【解决方案1】：

您是否按照getting started section 中的所有步骤操作？

在项目设置中将 django_select2 添加到 INSTALLED_APPS。
如果您使用任何 ModelWidgets，请将 django_select 添加到您的 urlconf：
url(r'^select2/', include('django_select2.urls')),
将 CSS 添加到 Django 模板的头部：
{{ form.media.css }} 
将 JavaScript 添加到 Django 模板正文的末尾：
{{ form.media.js }}

此外，模块本身似乎没有提供外部依赖：

外部依赖

jQuery 版本 2 这不包含在包，因为预计在大多数情况下，这已经可用。

【讨论】：

是的，一切都包括在内。

【解决方案2】：

找到解决方案：

需要在jquery的导入之后。

【讨论】：

【解决方案3】：

嗯，最近也发生在我身上...结果是 jquery 脚本

(<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>)

应放在任何使用 jquery 的脚本之前（它将使用 jquery，但尚未调用 jquery）。

【讨论】：