Django：自定义特定表单字段的 HTML

Question

 class ItemForm(forms.ModelForm):
     description = forms.CharField(label='Description', max_length=250, widget=forms.Textarea, required=False)
     image = forms.ImageField(label='Item Picture', max_length=50, required=False)
     start = forms.DateField(widget=SelectDateWidget, required=False)
     end = forms.DateField(widget=SelectDateWidget, required=False)
     cost_price = forms.CharField(label='Cost Price Per Unit', widget=???, max_length=5)

     class Meta:
         model = Item
         fields = ('image',
                   'name',
                   'description',
                   'quantity',
                   'start',
                   'end',
                   'cost_price',
                   'selling_price',
                   )

我需要在 cost_price 字段前面包含一个文本变量。

从文档中，我知道小部件类是我需要修改的，但我不太确定如何去做。

更新

因此，表单中的每个字段都由模板中的 {{ field }} 表示。此 {{ field }} 生成该特定字段的 HTML。我想修改 cost_price 字段的 HTML，以便可以将变量 {{currency_type }} 附加到 HTML 的前面。所以它应该看起来像这样：

<span>USD</span><input type="text" name="cost_price" id="id_cost_price">

现在我通过模板逻辑包含这个 {{currency_type }} 变量。我想知道是否可以通过自定义表单字段的 HTML 来做到这一点，因此出现了问题。希望这能更好地解释它！

Answer 1

您可以创建继承自 TextInput 小部件（用于 CharField）的自定义表单小部件并覆盖其渲染方法。这样您就可以准确地执行您想要的操作 - 在常规 TextInput 小部件 HTML 之前插入自定义 HTML。

from django.utils.safestring import mark_safe
from django.forms import widgets

# ...

# your custom widget class
class CostPriceWidget(widgets.TextInput):
    def render(self, name, value, attrs=None):
        return mark_safe(u'''<span>USD</span>%s''' % (super(CostPriceWidget, self).render(name, value, attrs)))

# your form class
class ItemForm(forms.ModelForm):
    # ...
    cost_price = forms.CharField(label='Cost Price Per Unit', widget=CostPriceWidget, max_length=5)
    # ...

希望这有帮助。