使用 Bootstrap 呈现的 Django FilteredSelectMultiple 小部件

Question

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



管理员中使用 django-suit 的小部件或 django_admin_bootstrapped使用 Bootstrap 呈现:



我定义了我的小部件并将 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

在模板中，我以这种方式调用媒体文件:

{{ form.media }}

如何渲染 FilteredSelectMultiple小部件看起来与管理员的小部件相似。
换句话说，我如何使用 bootstrap 呈现这个小部件.

我正在使用 django-crispy-forms除了 FilteredSelectMultiple 之外，其他小部件使用 Bootstrap 呈现。小部件

任何建议

提前致谢

Answer 1

django-admin-bootstrapped指定样式以覆盖 django 管理默认值，即像文件 overrides.css .小部件 FilteredSelectMultiple使用 css 类 .selector并且您的页面应该应用声明为 from line 39 to 119 of overrides.css 的 CSS 选择器，因此您需要将其样式添加到您的页面，方法是更改​​您的 Media形式类:

class 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" />

希望这能解决你的问题