将 CSS 添加到 django 模板中的表单字段

Question

我想在 django 表单上使用引导程序。 为此，我需要向每个字段添加.form-control类。 我的解决方法是：

def __init__(self, *args, **kwargs):
    super(SomeForm, self).__init__(*args, **kwargs)
    for field in self.fields:
        self.fields[field].widget.attrs = {
            'class': 'form-control'
        }

{% for field in form %}
    <div class="form-group">
        {{ field.label_tag }}
        {{ field }}
    </div>
{% endfor %}

但我认为将 CSS 放在 python 代码中是错误的（如果我想使用另一个 CSS 框架，我将不得不更改表单类）。 如何将类移动到模板？ 我不想使用脆皮而不是引导程序。

Answer 1

您可以使用自定义模板标签来添加类，请在此处查看更多信息

您必须在 templatetags 目录中创建一个新模块：

myapp/
    __init__.py
    models.py
    templatetags/
        __init__.py
        extra_filters.py <-- Name it as you prefer
    views.py
    forms.py

extra_filters.py 模块的内容可以是这样的：

from django import template

register = template.Library()


@register.filter(name='addclass')
def addclass(field, myclass):
    return field.as_widget(attrs={"class": myclass})

现在在您的模板中，加载新过滤器并按如下方式使用它：

{% load extra_filters %}

{% for field in form %}
    <div class="form-group">
        {{ field.label_tag }}
        {{ field|addclass:"form-control" }}
    </div>
{% endfor %}