如何在 Django 中使用 <div class='field_type'> 标记表单字段答案

【问题标题】：How to markup form fields with <div class='field_type'> in Django如何在 Django 中使用 <div class='field_type'> 标记表单字段
【发布时间】：2010-11-30 00:33:17
【问题描述】：

我无法找到一种方法来识别 django 模板中的字段类型。我的解决方案是创建一个简单的过滤器来访问字段和小部件类名称。我已经包含了下面的代码，以防它对其他人有帮助。

有更好的方法吗？

## agency/tagutils/templatetags/fieldtags.py
###############################################################
from django import template

register = template.Library()

@register.filter(name='field_type')
def field_type(value):
    return value.field.__class__.__name__

@register.filter(name='widget_type')
def widget_type(value):
    return value.field.widget.__class__.__name__


## client/project/settings.py
###############################################################

INSTALLED_APPS = (
    # ...
    'agency.tagutils',
)


## client/project/templates/project/field_snippet.html
###############################################################

{% load fieldtags %}

<div class="field {{ field|field_type }} {{ field|widget_type }} {{ field.name }}">
     {{ field.errors }}
    <div class="form_label">
        {{ field.label_tag }}
    </div>
    <div class="form_field">
    {{ field }}
    </div>
</div>


## sample output html
###############################################################
<div class="field CharField TextInput family_name">    
    <div class="form_label">
        <label for="id_family_name">Family name</label>
    </div>
    <div class="form_field">
    <input id="id_family_name" type="text" name="family_name" maxlength="64" />
    </div>
</div>

【问题讨论】：

这很酷，但似乎有点过度设计？输入标签始终是字符文本，而 textareas 始终是 textareas 等，并且您有要启动的 id 标签。通过在 CSS 中投入同样多的努力，您肯定可以得到想要的外观吗？
是的，我想知道这有什么意义，什么不能用 css 和/或 js 轻松解决？
在查看样式表时，设置 Widget.attrs 值以包含有意义的类/名称似乎会不那么复杂且清晰得多。
是的，您可以设置字段本身的样式，但有时您需要根据其包含的内容设置其包装器的样式，并且由于 CSS 中没有父选择器，因此您很不走运。当然可以用JS来解决，但我宁愿用Django来解决。

标签： python django django-forms django-templates django-models

【解决方案1】：

class MyForm(forms.Form):
    myfield = forms.CharField(widget=forms.TextInput(attrs={'class' : 'myfieldclass'}))

或者，使用 ModelForm

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel
        widgets = {
            'myfield': forms.TextInput(attrs={'class': 'myfieldclass'}),
        }

或者，当您不想重新定义小部件时

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel

    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['myfield'].widget.attrs.update({'class' : 'myfieldclass'})

使用 {{ form }} 正常渲染

【讨论】：

虽然这似乎是 django 的做法，但我认为模板系统中应该有一些东西可以将类添加到表单字段。这对于仅前端的开发人员会更有帮助，因此后端人员不必为他们添加类。
为什么不使用pypi.python.org/pypi/django-widget-tweaks？示例代码：{% load widget_tweaks %} {{ form.title|append_attr:"class:css_class_1 css_class_2" }}