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

Posted 2023-02-24

【中文标题】如何在 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来解决。

【参考方案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"