我最近才了解到:
Form.error_css_class
Form.required_css_class
文档:https://docs.djangoproject.com/en/dev/ref/forms/api/#django.forms.Form.error_css_class
因此通过在表单中定义 'error_css_class' 和 'required_css_class'
class MyForm(forms.Form):
error_css_class = 'error'
required_css_class = 'required'
name = forms.CharField(...)
我能做到:
<div class="field-wrapper {{ form.name.css_classes }}">
...
</div>
这将输出:
<div class="field-wrapper required">
...
</div>
但是我想向该字段添加其他类,例如我想为“名称”字段添加“文本名称”css 类。阅读文档,我认为这是可能的。
https://docs.djangoproject.com/en/dev/ref/forms/api/#django.forms.BoundField.css_classes
看完上面我尝试做
self.fields['name'].css_classes('name text')
那是行不通的。我明白了
'CharField' object has no attribute 'css_classes'
我也试过
name = forms.CharField(css_classes='name text')
类型错误
__init__() got an unexpected keyword argument 'css_classes'
我知道我可以向字段小部件添加额外的属性
self.fields['name'].widget.attrs['class'] = 'name text'
但我想将 css 类添加到字段包装器。
我可以编写一个自定义模板标签...来检查字段名称/类型并返回适当的 css 类...但是如果有内置的东西...我很乐意保持我的模板干净 :-)。
此外,对每个字段的 css 类进行硬编码也不是一种选择……因为表单字段是动态的。
任何帮助将不胜感激。
最佳答案
我想出了如何使用自定义 BoundField 来做到这一点
from django.forms import forms
class CustomBoundField(forms.BoundField):
def css_classes(self, extra_classes=None):
# logic for determining css_classes has been omitted
extra_classes = ['name', 'text']
return super(CustomBoundField, self).css_classes(extra_classes=extra_classes)
在我的表单中,我覆盖了 getitem
def __getitem__(self, name):
try:
field = self.fields[name]
except KeyError:
raise KeyError('Key %r not found in Form' % name)
return CustomBoundField(self, field, name)
关于css - 如何向 Django 表单字段添加额外的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23727677/