Django Radioselect визуализировать в таблицу

Я хочу отобразить радио-выбор виджета формы django в таблице, а не в списке ul. С метками в первом ряду и переключателями ниже во втором ряду. По одной ячейке для каждой кнопки. например

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

Я посмотрел на виджет selectradio по умолчанию, но функция рендеринга кажется такой сложной, что вызывает множество разных классов для выполнения каждой части рендеринга.

Есть ли у кого-нибудь примеры того, как это сделать, или может предоставить простое решение?


django django-forms django-widget
person John    schedule 16.02.2011    source источник

Ответы (4)


arrow_upward
2
arrow_downward

Вам нужно создать подкласс django.forms.widgets.RadioFieldRenderer и переопределить его метод render. Затем в вашей форме при объявлении вашего поля укажите настраиваемый рендерер для виджета

class MyForm(forms.ModelForm):
    my_field = forms.TypedChoiceField(choices=some_choices,
                                      label=u"bla",
                                      widget=forms.RadioSelect(renderer=MyCustomRenderer))
person Botond Béres    schedule 16.02.2011

arrow_upward
8
arrow_downward

Просто чтобы немного дополнить ответ Береса Ботона

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) "

Надеюсь, это поможет!

person albrnick    schedule 24.07.2011

arrow_upward
0
arrow_downward

Вы также можете использовать django-uni-form и использовать div вместо таблиц.

person Jeff Schroeder    schedule 29.03.2011

arrow_upward
0
arrow_downward

Если вам нужно дополнительно настроить элементы ввода, перезапишите атрибут 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, немного изменены, чтобы показать применение простой настройки в каждом из них.

person Patti    schedule 13.02.2017