使用Bootstrap呈现的Django FilteredSelectMultiple小部件 [英] Django FilteredSelectMultiple widget rendered with bootstrap

问题描述

我正在尝试复制django应用程序管理中使用的 FilteredSelectMultiple 小部件。
但是我的窗口小部件呈现的却非常不同

管理员中的小部件使用呈现此小部件。

我正在使用 django-crispy-forms 和其他小部件使用进行引导，除了 FilteredSelectMultiple 小部件

任何建议

预先感谢

解决方案

django-admin-bootstrapped 指定样式来覆盖django管理员默认设置，例如文件 overrides.css 。小部件 FilteredSelectMultiple 使用css类 .selector ，您的页面应应用声明为从第39行到119行重写 ，因此您需要通过以下方式将其样式添加到页面中：更改 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小部件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！