Django为表单选择选项添加特定属性

Question

我有两个模型：

class Font(models.Model):
    name = models.CharField(max_length=64)
    css_value = models.CharField(max_length=128)

    def __str__(self):
        return self.name


class DesignOverride(models.Model):
    x_font = models.ForeignKey(Font, null=True, blank=True, on_delete=models.SET_NULL)

在“DesignOverride”的 ModelForm 中，我使用小部件 select 调用“x_font”：

class DesignOverrideForm(forms.ModelForm):

    class Meta:
        model = DesignOverride
        fields = ['x_font']
        widgets = {
            'x_font': forms.Select(attrs={ 'class': 'form-control'})
        }

我想知道 Django 是否有办法通过为它们提供样式“font-family: X”来自定义我的选项，其中 X 是选项字体的 css_value。

我试图在模板中的“x_font”选择字段中循环，但似乎它只有字符串形式的选项（因此丢失了有关“css_value”的信息）。

Answer 1

我创建了一个 Select 小部件覆盖，如下所示：

class FontSelect(forms.Select):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

    def create_option(self, name, value, label, selected, index, subindex=None, attrs=None):
        option = super(FontSelect, self).create_option(name, value, label, selected, index, subindex=None, attrs=None)

        if option['value']:
            option['attrs']['style'] = "font-family: '" + Font.objects.get(pk=option['value']).css_value + "'"
        print(option)
        return option