我创建了一个自定义小部件OrderedCheckboxSelectMultiple
,我只是替换<ul>
并<ol>
添加一些类到<label>
,<li>
等:
class OrderedCheckboxSelectMultiple(forms.CheckboxSelectMultiple):
def render(self, name, value, attrs=None, choices=()):
if value is None: value = []
has_id = attrs and 'id' in attrs
final_attrs = self.build_attrs(attrs, name=name)
output = [u'<ol class="numeric">']
# Normalize to strings
str_values = set([force_unicode(v) for v in value])
for i, (option_value, option_label) in enumerate(chain(self.choices, choices)):
# If an ID attribute was given, add a numeric index as a suffix,
# so that the checkboxes don't all have the same ID attribute.
if has_id:
final_attrs = dict(final_attrs, id='%s_%s' % (attrs['id'], i))
label_for = u' for="%s"' % final_attrs['id']
else:
label_for = ''
cb = forms.CheckboxInput(final_attrs, check_test=lambda value: value in str_values)
option_value = force_unicode(option_value)
rendered_cb = cb.render(name, option_value)
option_label = conditional_escape(force_unicode(option_label))
output.append(u'<li class="liAll"><label%s class="checkbox inline">%s <span class="spanLabel">%s</span></label></li>' % (
label_for, rendered_cb, option_label))
output.append(u'</ol>')
return mark_safe(u'\n'.join(output))
我在两个不同领域的表单中使用这个小部件:
class SomeForm(forms.Form):
# more fields here
alert1 = forms.MultipleChoiceField(choices=[(a.id, a.description) for a in SomeModel.objects.filter(a=True)],
widget=OrderedCheckboxSelectMultiple())
alert2 = forms.MultipleChoiceField(choices=[(a.id, a.description) for a in SomeModel.objects.filter(b=True)],
widget=OrderedCheckboxSelectMultiple())
问题是,当我第一次提交表单时出现验证错误:
Select a valid choice. is not one of the available choices.
然后,当我再次勾选选项时,它会毫无问题地验证。我在这里迷路了。有什么建议么?
笔记:
forms.CheckboxSelectMultiple
如果我将其用作alert1
and的小部件,也会发生同样的事情alert2
。
编辑:
在调试时,我可以看到它alert1
并且在我第一次提交时alert2
不存在。request.POST
对不起,我犯了一个错误。alert1
并且alert2
出现在,但尽管被勾选,request.POST
但它们都存在。u''
编辑2:
使用 Chrome 的“检查元素”,我可以看到表单第一次正确呈现:
<ol class="numeric">
<li class="liAll">
<label for="id_alert1_0" class="checkbox inline">
<div class="checker" id="uniform-id_alert1_0">
<span>
<input value="1" type="checkbox" class="check" name="alert1" id="id_alert1_0" style="opacity: 0;">
</span>
</div>
</label>
</li>
<li class="liAll">
<label for="id_alert1_1" class="checkbox inline">
<div class="checker" id="uniform-id_alert1_1">
<span>
<input id="id_alert1_1" type="checkbox" class="check" value="2" name="alert1" style="opacity: 0;">
</span>
</div>
</label>
</li>
</ol>
然后再次显示验证消息,但呈现的表单看起来相同:
<ol class="numeric">
<li class="liAll">
<label for="id_alert1_0" class="checkbox inline">
<div class="checker" id="uniform-id_alert1_0">
<span>
<input value="1" type="checkbox" class="check" name="alert1" id="id_alert1_0" style="opacity: 0;">
</span>
</div>
</label>
</li>
<li class="liAll">
<label for="id_alert1_1" class="checkbox inline">
<div class="checker" id="uniform-id_alert1_1">
<span>
<input id="id_alert1_1" type="checkbox" class="check" value="2" name="alert1" style="opacity: 0;">
</span>
</div>
</label>
</li>
</ol>
我正在使用提交按钮提交帖子:
<button type="submit" class="btn btn-primary">Send</button>