Django Admin FilteredSelectMultiple 小部件选择不起作用
Posted
技术标签:
【中文标题】Django Admin FilteredSelectMultiple 小部件选择不起作用【英文标题】:Django Admin FilteredSelectMultiple Widget selection doesn't work 【发布时间】:2021-09-15 20:23:18 【问题描述】:我正在尝试使用管理小部件库中的 FilteredSelectMultiple 小部件。我能够让小部件显示在网页上。但是,我无法获得将选择移至“已选择”框的按钮。
这是我的代码:
forms.py
from django.contrib.admin.widgets import FilteredSelectMultiple
from .models import *
from django import forms
# Create your views here.
class ExampleForm(forms.Form):
example_selector = forms.ModelMultipleChoiceField(queryset=Example.objects.all(), widget=FilteredSelectMultiple("Example", is_stacked=False))
class Media:
css =
'all': ('/static/admin/css/widgets.css',),
js = ('/admin/jsi18n',)
class Meta:
model = Example
models.py
from django.db import models
# Create your models here.
class Example(models.Model):
example_id = models.AutoField(primary_key=True)
example_name = models.CharField(max_length=45, blank=False, null=False)
def __str__(self):
return self.example_name
index.html
% load static %
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
example.as_p
<script src="/static/admin/js/vendor/jquery/jquery.js"></script>
<script src="/static/admin/js/jquery.init.js"></script>
<script src="/static/admin/js/SelectFilter2.js"></script>
example.media
</body>
</html>
url.py
from django.contrib import admin
from django.urls import path, include
from django import views as django_views
from django.conf.urls import url
urlpatterns = [
path('admin/', admin.site.urls),
path('example/', include('example.urls')),
url(r'^jsi18n/$', django_views.i18n.javascriptCatalog.as_view(), name='jsi18n'),
]
我检查了浏览器控制台,当我尝试点击按钮时,出现以下错误:
Uncaught TypeError: Cannot read property 'addEventListener' of null
at Object.init (VM427 SelectFilter2.js:148)
at VM427 SelectFilter2.js:233
at NodeList.forEach (<anonymous>)
at VM427 SelectFilter2.js:231
init @ SelectFilter2.js:148
(anonymous) @ VM427 SelectFilter2.js:233
(anonymous) @ VM427 SelectFilter2.js:231
load (async)
(anonymous) @ VM427 SelectFilter2.js:230
我还验证了必要的css和js文件,如下所示:
【问题讨论】:
【参考方案1】:form.media
结果在我的情况下:
<script src="/static/admin/js/core.js"></script>
<script src="/admin/jsi18n/"></script>
<script src="/static/admin/js/SelectBox.js"></script>
<script src="/static/admin/js/SelectFilter2.js"></script>
我也不使用你的网址:
url(r'^jsi18n/$', django_views.i18n.JavaScriptCatalog.as_view(), name='jsi18n'),
这绝对是 jquery 的问题。我还在模板库中手动加载 jquery,所以在 gnereted 页面的源视图中我也有:
<script src="/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="/static/css/widgets_group_form.css">
应该这样做。我还包括 bootstrap4(不知道是否需要)和 popper。
可能是导入(它不会按时加载)
【讨论】:
我试过这段代码。不幸的是,这对我不起作用。 我可以说,当我第一次尝试使用这个小部件时,我也遇到了很多问题。主要是 css 和 jquery。我的 widgets_group_form.css 只是管理小部件的副本,其中元素的高度/宽度值发生了变化以上是关于Django Admin FilteredSelectMultiple 小部件选择不起作用的主要内容,如果未能解决你的问题,请参考以下文章
django 配置管理后台,出现多个 admin/admin/admin