django - django管理フォームに動的html5データ属性を追加するにはどうすればよいですか

Question

django管理フォームの各フィールドに追加の動的html5データ属性を追加する方法を尋ねたいだけです。

例えば

    <option value ="1" data-desc="desc1">hello1</option>
    <option value ="2" data-desc="desc2">hello2</option>

ありがとう、

ケル

Answer 1

Django の ModelChoiceField をサブクラス化し、それとメソッドを変更してrender_options()、render_option()必要なオブジェクトの属性を表示する必要があります。ID/ラベルのタプルだけでなく、必要なすべてのデータを吐き出すために、ModelChoiceIterator の独自のサブクラスも必要だと思います。

例

OpenStack のダッシュボードでカスタム SelectWidget の実装を見つけました。

class SelectWidget(widgets.Select):
    """
    Customizable select widget, that allows to render
    data-xxx attributes from choices.

    .. attribute:: data_attrs

        Specifies object properties to serialize as
        data-xxx attribute. If passed ('id', ),
        this will be rendered as:
        <option data-id="123">option_value</option>
        where 123 is the value of choice_value.id

    .. attribute:: transform

        A callable used to render the display value
        from the option object.
    """

    def __init__(self, attrs=None, choices=(), data_attrs=(), transform=None):
        self.data_attrs = data_attrs
        self.transform = transform
        super(SelectWidget, self).__init__(attrs, choices)

    def render_option(self, selected_choices, option_value, option_label):
        option_value = force_unicode(option_value)
        other_html = (option_value in selected_choices) and \
                         u' selected="selected"' or ''
        if not isinstance(option_label, (basestring, Promise)):
            for data_attr in self.data_attrs:
                data_value = html.conditional_escape(
                    force_unicode(getattr(option_label,
                                          data_attr, "")))
                other_html += ' data-%s="%s"' % (data_attr, data_value)

            if self.transform:
                option_label = self.transform(option_label)
        return u'<option value="%s"%s>%s</option>' % (
            html.escape(option_value), other_html,
            html.conditional_escape(force_unicode(option_label)))

編集

このような選択肢を提供する限り、それは機能するはずです:

def formfield_for_foreignkey(self, db_field, request, **kwargs):
        if db_field.name == 'dummy':
            widget = SelectWidget(data_attrs=('bar',))
            choices = [(foo.id, foo) for foo in Foo.objects.all()]
            form_field = forms.ChoiceField(
                choices=choices, widget=widget)
            return form_field
        return super().formfield_for_foreignkey(db_field, request, **kwargs)

Answer 2

get_form()メソッドを使用して、 で使用されるフォームを微調整できますModelAdmin。

そうすれば、問題のフィールドのウィジェットを変更できます。

class MyModelAdmin(admin.ModelAdmin):
    def get_form(self, request, obj=None, **kwargs):
        form = super(MyModelAdmin, self).get_form(request, obj, **kwargs)
        form.fields['your_field'].widget.attrs.update({'data-hello': 'world'})
        return form