Django 自定义小部件渲染

Question

一般问题

假设你有一个特定的模型

class MyModel(models.Model):
    Name = models.CharField(max_length=64)

以及用于创作的随附表格

class CreateMyModelForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = ['name']

在正常情况下，当表单在模板中呈现时我通常会遍历模板中的字段

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

当需要自定义样式时，我通常不得不将<div>s 和<span>s 放在该循环中，并在Meta 子类中指定基本小部件及其attrs。

浏览该主题的Django Documentation，我知道似乎我必须使用Media 子类才能使所有操作都发生在Meta 的widgets 属性中，但我只是我无法理解它。

具体问题

假设我有一个模板，其中TextInput 表单需要呈现as in this template：

<div class="form-group input-group">
    <span class="input-group-addon">Name</span>
        <input type="text" name="name" class="form-control" placeholder="MyModel Name">
</div>

如何创建一个小部件，以便我可以通过以下方式获得相同的结果：

class CreateMyModelForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = ['name']
        widgets={'name':MyWidget(addon="Name",placeholder="MyModel Name")}

我知道占位符是我可以放在 TextInput 的 attrs 初始化中的东西，但插件（或父 div，在这种情况下）不是 或者至少据我所知不是 em>

我很抱歉问了一个很长的问题，我只是觉得我需要彻底解释这个问题，因为它已经困扰了我一段时间......

Answer 1

我们可以像下面这样。

小部件

from django import forms
from django.template import loader
from django.utils.safestring import mark_safe


class MyWidget(forms.Widget):
    template_name = 'widget_template.html'

    def get_context(self, name, value, attrs=None):
        return {'widget': {
            'name': name,
            'value': value,
        }}

    def render(self, name, value, attrs=None):
        context = self.get_context(name, value, attrs)
        template = loader.get_template(self.template_name).render(context)
        return mark_safe(template)

widget_template.html

<div class="form-group input-group">
    <span class="input-group-addon">Name</span>
        <input type="text" class="form-control" id="mywidget-{{ widget.name }}" name="{{ widget.name }}" />
</div>