如何创建带动态max_width属性的Django自定义MyFloatField表单字段

我需要创建一个自定义Django表单字段MyFloatField，能在定义字段时动态传入max_width参数，比如：

quantity = MyFloatField(label='Quantity:', max_width='50px')
price = MyFloatField(label='Price:', max_width='100px')

之前已经实现了固定max_width的版本：

class MyFloatField(forms.FloatField):
    def widget_attrs(self, widget):
        attrs = super().widget_attrs(widget)
        attrs.setdefault("style", 'max-width: 50px')
        return attrs

但尝试直接在widget_attrs里取max_width参数时，出现TypeError: __init__() got an unexpected keyword argument 'max_width'错误，代码如下：

class MyFloatField(forms.FloatField):
    def widget_attrs(self, widget):
        my_max_width = kwargs['max_width']
        attrs = super().widget_attrs(widget)
        attrs.setdefault("style", 'max-width: '+my_max_width)
        return attrs

解决方案 #

错误原因是父类forms.FloatField的__init__方法不识别max_width参数，需要重写__init__来接收并存储该参数，再在widget_attrs中调用。

完整实现代码：

from django import forms

class MyFloatField(forms.FloatField):
    def __init__(self, *args, max_width=None, **kwargs):
        # 接收max_width并保存为实例属性
        self.max_width = max_width
        super().__init__(*args, **kwargs)

    def widget_attrs(self, widget):
        attrs = super().widget_attrs(widget)
        # 若传入max_width则设置对应样式
        if self.max_width:
            attrs.setdefault("style", f'max-width: {self.max_width};')
        return attrs

使用示例 #

class MyForm(forms.Form):
    quantity = MyFloatField(label='Quantity:', max_width='50px')
    price = MyFloatField(label='Price:', max_width='100px')
    # 不设置max_width则使用默认样式
    total = MyFloatField(label='Total:')

说明 #

• 重写__init__方法，新增max_width参数并绑定为实例属性
• 在widget_attrs中判断是否存在max_width，存在则生成对应的style属性
• 用f-string拼接样式字符串更简洁，也可使用传统字符串拼接方式
• 未传入max_width时，字段保持默认组件样式，不会额外添加style

内容的提问来源于stack exchange，提问作者JamesBear