Сделайте так, чтобы Django ModelChoiceField отображался как выпадающий список с заголовком и изображением

Ниже моя форма Джанго. Я хотел бы отобразить миниатюру и заголовок вместе в выпадающем элементе, а не в качестве переключателя. С этой конфигурацией это делает мой элемент формы переключателем.

Что я делаю не так, я не могу понять это. Если я изменяю widget = forms.Select (), он создает раскрывающийся список только с заголовком, но не отображает эскиз рядом с заголовком.

class CustomChoiceField(forms.ModelChoiceField):
    def label_from_instance(self, obj):
        return mark_safe("<img src='https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150'><p>"+str(obj.category)+"</p>")

countries_list = ImageModel.objects.all()

class SubCatForm(forms.Form):
    category_pic = CustomChoiceField(widget=forms.RadioSelect(), queryset=countries_list, empty_label=None)

    class Meta:
        model = SubCatModel
        fields = ("sub_category_name", "category", "category_pic")
        widgets = {
            'sub_category_name': forms.TextInput(attrs={'class':'span11'})
        }

0 ответов

Другие вопросы по тегам