django - 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并覆盖它的渲染方法。然后在您的表单中，在声明您的字段时指定小部件的自定义渲染器

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 的源代码，仅稍作修改以显示在每个应用程序中的简单定制。