我一直在使用以下代码创建一个与NumberInput字段同步的HTML5范围滑块继承multiwidget:
class SplitRangeNumberWidget(MultiWidget):
def __init__(self):
widgets = (
forms.NumberInput(attrs={'type':'range',
'onchange':'this.nextElementSibling.value=this.value',
'oninput':'this.nextElementSibling.value=this.value',
'step':'any',
'min':0,
'max':1}),
forms.NumberInput(attrs={'step':'any',
'onchange':'this.previousElementSibling.value=this.value',
'oninput':'this.previousElementSibling.value=this.value',})
)
super(SplitRangeNumberWidget, self).__init__(widgets)
def decompress(self, value):
if value:
return [value, value]
return [None, None]
当我实例化并在以下表格中使用它时:
class ParameterForm(forms.ModelForm):
class Meta:
model = Parameter
fields = ['name','value','min_value','max_value']
widgets = {'value':SplitRangeNumberWidget()}
,小部件工作正常:更改滑块或numberinput会更改另一个字段。但是,在执行POST时,表单不会验证,我在form.errors中遇到此错误(对于3个参数):
[{'value':['输入数字。']},{'value':['输入数字。']}, {'value':['输入一个数字。']}]
单独的小部件可以正常工作,并且表单已正确绑定。但不是在一个多功能小组件中。我究竟做错了什么?我添加了
def value_from_datadict(self, data, files, name):
num = [widget.value_from_datadict(data, files, name + '_%s' % i)
for i, widget in enumerate(self.widgets)]
return [float(num[0]), float(num[1])]
但这仍然不起作用。
感谢您的帮助。
答案 0 :(得分:0)
我找到了解决方案:我需要实施
def value_from_datadict(self, data, files, name):
value_list = [widget.value_from_datadict(data, files, name + '_%s' % i)
for i, widget in enumerate(self.widgets)]
try:
value = value_list[0]
except ValueError:
return None
else:
return value
解释文档:value_from_datadict()的默认实现返回与每个Widget对应的值列表。这在将MultiWidget与MultiValueField一起使用时是合适的,但由于我们希望将此小部件与带有单个值的TextField一起使用,因此我们重写了此方法以将所有子小部件的数据合并为一个值。