首页 > 解决方案 > ModelForm 和 ModelSelect2Widget (django-select2)

问题描述

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

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

遵循此处的文档:

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

表格.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',]

模型.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

标签: pythondjangodjango-formsdjango-select2

解决方案


您是否按照入门部分中的所有步骤进行操作?

  1. 在项目设置中将 django_select2 添加到 INSTALLED_APPS。

  2. 如果您使用任何 ModelWidgets,请将 django_select 添加到您的 urlconf:

    url(r'^select2/', include('django_select2.urls')),
    
  3. 将 CSS 添加到 Django 模板的头部:

    {{ form.media.css }} 
    
  4. 将 JavaScript 添加到 Django 模板正文的末尾:

    {{ form.media.js }}
    

此外,模块本身似乎没有提供外部依赖项:

外部依赖

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


推荐阅读