django radioselect 渲染到表

Question

我想将 django 表单小部件 radioselect 渲染到表中而不是 ul 列表中。标签位于第一行，单选按钮位于第二行下方。每个按钮一个单元格。例如，

-------------------------------
| label 1 | label 2 | label 3 |
-------------------------------
|   O     |    O    |    O    |
-------------------------------

我查看了默认的 selectradio 小部件，但渲染函数似乎很复杂，调用许多不同的类来完成渲染的每个部分。

有谁有如何执行此操作的示例或可以提供简单的解决方案吗？

Answer 1

只是为了补充一点 Béres Botond 的答案

class MyForm(forms.ModelForm):
    my_field = forms.TypedChoiceField(choices=some_choices,
                                      label=u"bla",
                                      widget=forms.RadioSelect(renderer=MyCustomRenderer))

自定义渲染器看起来像：

from django import forms
from django.forms.widgets import RadioFieldRenderer
from django.utils.encoding import force_unicode
from django.utils.safestring import mark_safe

class MyCustomRenderer( RadioFieldRenderer ):
    def render( self ):
        """Outputs a series of <td></td> fields for this set of radio fields."""
        return( mark_safe( u''.join( [ u'<td>%s</td>' % force_unicode(w.tag()) for w in self ] )))

在这种情况下，我不想要旁边的单选框的名称，所以我使用“force_unicode(w.tag())”如果您想要它旁边的名称，只需直接渲染对象，如“force_unicode(w)”

我希望有帮助！

Answer 2

您需要子类化django.forms.widgets.RadioFieldRenderer并重写它的render方法。
然后在您的表单中，在声明字段时指定小部件的自定义渲染器

class MyForm(forms.ModelForm):
    my_field = forms.TypedChoiceField(choices=some_choices,
                                      label=u"bla",
                                      widget=forms.RadioSelect(renderer=MyCustomRenderer))

Answer 3

您还可以使用 django-uni-form 并使用 div 而不是表格。

Answer 4

如果您需要进一步自定义输入元素，请覆盖自定义渲染器上的 choice_input_class 属性。

from django.forms.widgets import RadioChoiceInput, RadioFieldRenderer   
from django.utils.safestring import mark_safe
from django.utils.html import format_html

class MyCustomRenderer( RadioFieldRenderer ):
    choice_input_class = MyCustomInputClass

class MyCustomInputClass(RadioChoiceInput):
    def render(self, name=None, value=None, attrs=None, choices=()):
        # Generate outer label, insert a custom div
        output = format_html('''
            <div id="{}"></div>
        ''', self.choice_label)
        if self.id_for_label:
            label_for = format_html(' for="{}"', self.id_for_label)
        else:
            label_for = ''
        attrs = dict(self.attrs, **attrs) if attrs else self.attrs
        return format_html('<label{}>{} {}</label>',
                           label_for, self.tag(attrs), output)

    def tag(self, attrs=None):
        # Generate the customized input element.
        attrs = attrs or self.attrs
        final_attrs = dict(attrs, type=self.input_type, name=self.name, value=self.choice_value)
        if self.is_checked():
            final_attrs['checked'] = 'checked'
        return format_html('<input{} class="my_custom_class" />', flatatt(final_attrs))

这些 render() 和 tag() 方法来自 1.9 源代码，仅稍加修改以显示每个方法中简单自定义的应用程序。