问题描述
我正在尝试复制django应用程序管理中使用的 FilteredSelectMultiple
小部件。
但是我的窗口小部件呈现的却非常不同
管理员中的小部件使用呈现此小部件。
我正在使用和其他小部件使用进行引导,除了 FilteredSelectMultiple
小部件
任何建议
预先感谢
指定样式来覆盖django管理员默认设置,例如文件。小部件 FilteredSelectMultiple
使用css类 .selector
,您的页面应应用声明为,因此您需要通过以下方式将其样式添加到页面中:更改 Media
类的格式:
类媒体:
css = {'all':(('/ admin / css / widgets.css','admin / css / overrides。 css'),}
js =('/admin/jquery.js','/admin/jsi18n/')
或直接包含它的模板:
< link href = {{STATIC_URL}} admin /css/overrides.css type = text / css rel = stylesheet />
希望这可以解决您的问题
I am trying to replicate the FilteredSelectMultiple
widget used in the admin of the django apps.But my widget is rendered very different
The widget in the admin using django-suit or django_admin_bootstrapped is rendered with bootstrap:
I define my widget and media the forms.py:
class ProcFTPForm(forms.ModelForm):
id_archivo = forms.ModelMultipleChoiceField(queryset=Archivo_Descarga.objects.all(),required=True,widget=FilteredSelectMultiple("Archivo",is_stacked=False))
class Media:
css = {'all':('/admin/css/widgets.css',),}
js = ('/admin/jquery.js','/admin/jsi18n/')
def __init__(self, *args, **kwargs):
super(ProcFTPForm, self).__init__(*args, **kwargs)
self.helper = FormHelper()
class Meta:
model = Lista_Archivos
And in the template I call the media files in this way:
{{ form.media }}
How can I render the FilteredSelectMultiple
widget looking similar like the widget from the admin.In other words how can I render this widget using bootstrap.
I am using django-crispy-forms and the other widgets are rendered with bootstrap except the FilteredSelectMultiple
widget
Any advice
Thanks in advance
django-admin-bootstrapped specifies styles to override django admin defaults i.e. like the file overrides.css. The widget FilteredSelectMultiple
use the css class .selector
and your page should apply css selectors declared from line 39 to 119 of overrides.css, so you will need to add its styles to your page, either by changing your Media
class in form:
class Media:
css = {'all':('/admin/css/widgets.css', 'admin/css/overrides.css'),}
js = ('/admin/jquery.js','/admin/jsi18n/')
or directly include it template:
<link href="{{ STATIC_URL }}admin/css/overrides.css" type="text/css" rel="stylesheet" />
Hope this solve your problem
这篇关于使用Bootstrap呈现的Django FilteredSelectMultiple小部件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!