如何在 Django 中呈现单个单选按钮选项？答案

【问题标题】：How to render individual radio button choices in Django?如何在 Django 中呈现单个单选按钮选项？
【发布时间】：2012-05-01 12:03:42
【问题描述】：

如果我的模型包含带有 RadioSelect 小部件的 ChoiceField，如何在模板中单独呈现单选按钮？

假设我正在构建一个网络应用程序，该应用程序允许公司的新员工选择他们想要的桌面计算机类型。这是相关模型：

class ComputerOrder(forms.Form):
    name = forms.CharField(max_length=50)
    office_address = forms.Charfield(max_length=75)
    pc_type = forms.ChoiceField(widget=RadioSelect(), choices=[(1, 'Mac'), (2, 'PC')])

在模板上，如何仅呈现 Mac 选择按钮？如果我这样做，它会呈现所有选择：

{{ form.pc_type  }}

我有点天真地尝试了这个，但它没有产生任何输出：

{{ form.pc_type.0 }}

（我在 SO 上发现了一些类似的问题：

In a Django form, how do I render a radio button so that the choices are separated on the page?
Django Forms: How to iterate over a Choices of a field in Django form

但我不觉得他们有好的答案。有没有办法让老问题复活？）

【问题讨论】：

感谢提问

标签： django django-templates

【解决方案1】：

Django 1.4+ allows you to iterate 在RadioSelect 中的选项，以及

{% for choice in form.pc_type %}
  {{ choice.choice_label }}
  <span class="radio">{{ choice.tag }}</span>
{% endfor %}

我不确定此更改是否允许您使用您描述的语法 ({{ form.pc_type.0 }}) — 如果没有，您可以使用上面的 for 循环和类似 {% if forloop.counter0 == 0 %} 的标签来解决此限制。

如果您绑定到 Django render() 方法，或者使用稍微更详细但不太复杂的选项在模板中自己构建表单字段：

 {% for choice in form.pc_type.field.choices %}
   <input name='{{ form.pc_type.name }}' 
     id='{{ form.pc_type.auto_id }}_{{ forloop.counter0 }}' type='radio' value='{{ choice.0 }}'
     {% if not form.is_bound %}{% ifequal form.pc_type.field.initial choice.0 %} checked='checked' {% endifequal %}
   {% else %}{% ifequal form.pc_type.data choice.0 %} checked='checked' {% endifequal %}{% endif %}/>
   <label for='{{ form.pc_type.auto_id }}_{{ forloop.counter0 }}'>{{ choice.1 }}</label>
 {% endfor %}

（choice.0 和 choice.1 是 choices 双元组中的第一项和第二项）

【讨论】：

{{ choice.1 } 必须是 {{ choice.1 }} 很棒的解决方案：D
感谢指正！请记住，您始终可以通过单击某人答案下的“编辑”来直接建议编辑:)

【解决方案2】：

单个无线电输入的呈现由RadioSelect 小部件的render 方法处理。如果您想要不同的渲染，子类RadioSelect，相应地更改render 方法，然后使用您的子类作为字段的小部件。

【讨论】：

【解决方案3】：

我认为只需查看选项字段的 for 循环中可用的内容就可以告诉人们他们需要知道什么。例如，我需要该值来设置围绕选项范围的类（用于颜色等）：

<div>
    {% for radio_input in form.role %}
        {# Skip the empty value #}
        {% if radio_input.choice_value %}
            <span class="user-level {{ radio_input.choice_value }}">{{ radio_input }}</span>
        {% endif %}
    {% endfor %}
</div>

您可以看到有几个属性使您不必使用序数。

【讨论】：

【解决方案4】：

在 Django 2.0+ 中，您可以继承 forms.RadioSelect 并“简单地”指定用于渲染无线电字段的模板：

class SlimRadioSelect(forms.RadioSelect):
    template_name = 'includes/slim_radio.html'

其中slim_radio.html 包含default RadioSelect widget 使用的template_name 和option_template_name 组合的修订版本。

请注意，默认的 RadioSelect 小部件模板是低级渲染，由多层模板组成：包含、条件和循环逻辑标签比比皆是。

当您在packages/django/forms/templates/django/forms/widgets/input.html 中挖掘以获取您需要的东西时，您就会知道您已经到了。

覆盖默认小部件模板的另一个奇怪之处是，您必须在项目通常可访问的模板路径中调用 TemplatesSetting 渲染器或您的子类 won't be able to find slim_radio.html。

要覆盖 RadioSelect 的仅本地模板路径查找：

将'django.forms' 添加到您的INSTALLED_APPS；
将FORM_RENDERER = 'django.forms.renderers.TemplatesSetting' 添加到您的settings.py.

这一切似乎比它应该做的要难，但那是框架。祝你好运。

【讨论】：