在django中將ChoiceField列出爲Button

Question

有沒有辦法讓我改變ChoiceFields在django中從下拉列表表示到類似按鈕的方式，每個選項都有不同的選擇？

Answer 1

如果您只需要更改樣式，則可以將css類作爲屬性傳遞。見Docs

select_media = forms.ChoiceField(widget=forms.Select(
    attrs={'class': 'btn btn-primary'}), 
    choices=MEDIA_CHOICES) 

如果您需要更精細的定製，你可以覆蓋默認控件模板和放置任何HTML你want.See的docs here。以下代碼適用於Django 1.11

class CustomSelectWidget(forms.Select): 
    template_name: 'yourapp/select.html' 
    option_template_name = 'yourapp/select_option.html' 

class CustomForm(forms.Form): 
    MEDIA_CHOICES = (
     (1, 'DVD'), 
     (2, 'VCD'), 
     (3,'USB') 
     ) 
    select_media = forms.ChoiceField(widget=CustomSelectWidget(
     attrs={'class': 'btn btn-primary'}), 
     choices=MEDIA_CHOICES)