首页 > 解决方案 > Django模板:访问模板中的自定义表单字段属性

问题描述

我只需要在我的 Django 表单字段中添加一个自定义的额外属性,即icon. 我将以我的自定义为例CharField

custom_fields.py:

class ICharField(forms.CharField):
    """
    Django CharField with custom icon attr to use along with Bulma.
    """

    icon = ''

    def __init__(self, *, icon='', max_length=None, min_length=None, strip=True, empty_value='', **kwargs):
        super().__init__(**kwargs)
        self.icon = icon

表格.py:

from utils.forms import custom_fields

class SignUpForm(forms.Form):

    company_name = custom_fields.ICharField(
        icon='fas fa-envelope',
        widget=forms.TextInput(attrs={
            'class': 'input',
            'placeholder': _('Name of your company'),
            'label': _('Company'),
        })
    )

就是这样,但是当我在 HTML 中尝试访问 {{ field.icon }} 时,我什么也得不到。

.html:

{% extends 'template_composition/main.html' %}

{% load i18n %}

{% block content %}


{% for field in form %}
<div class="field">
    <b>{{ field.label }}:</b>
    <p class="control has-icons-left">
        {{ field }}
        <span class="icon is-small is-left">
            <i class="{{ field.icon }}"></i>
        </span>
    </p>
</div>
{% endfor %}


{% endblock %}

很明显我__init__错了,对吧?

标签: pythonpython-3.xdjango

解决方案


使用form.<field_name>.field.<field_attribute>语法

在你的情况下,

{{ form.company_name.field.icon }}

或通过使用循环,

{% for field in form %}
    {{ field.field.icon }}
{% endfor %}

推荐阅读