我正在尝试创建一个表单,它可以一次添加多个对象。我希望它有一个按钮“添加另一个”-当点击一个新的表单字段将显示为添加额外的对象。如果有以前没有提交的输入,我希望表单保留它。是否可以使用模板标记(即django模板标记而不是javascript)?
发布于 2017-05-26 07:46:31
您的表单必须基于从POST传递给它的一些变量(或者盲目地检查属性)来构造。表单本身是在视图被重新加载时构造的,不管是否有错误,所以HTML需要包含有多少字段的信息来构造正确的字段数量以进行验证。
我用FormSet的工作方式来看待这个问题:有一个隐藏字段,它包含活动表单的数量,每个表单名都加上表单索引。实际上,您可以创建一个字段FormSet。
https://docs.djangoproject.com/en/dev/topics/forms/formsets/#formsets
这是一个从头开始做的-它应该给你一些想法。它还回答了有关向__init__传递参数的问题??您只需将参数传递给对象构造函数:MyForm('arg1', 'arg2', kwarg1='keyword arg')。
### Views
class MyForm(forms.Form):
original_field = forms.CharField()
extra_field_count = forms.CharField(widget=forms.HiddenInput())
def __init__(self, *args, **kwargs):
extra_fields = kwargs.pop('extra', 0)
super(MyForm, self).__init__(*args, **kwargs)
self.fields['extra_field_count'].initial = extra_fields
for index in range(int(extra_fields)):
# generate extra fields in the number specified via extra_fields
self.fields['extra_field_{index}'.format(index=index)] = \
forms.CharField()
def myview(request):
if request.method == 'POST':
form = MyForm(request.POST, extra=request.POST.get('extra_field_count')
if form.is_valid():
print "valid!"
else:
form = MyForm()
return render(request, "template", { 'form': form })### HTML
form_count = Number($("[name=extra_field_count]").val());
// get extra form count so we know what index to use for the next item.
$("#add-another").click(function() {
form_count ++;
element = $('<input type="text"/>');
element.attr('name', 'extra_field_' + form_count);
$("#forms").append(element);
// build element and append it to our forms container
$("[name=extra_field_count]").val(form_count);
// increment form count so our view knows to populate
// that many fields for validation
})
<form>
<div id="forms">
{{ form.as_p }}
</div>
<button id="add-another">add another</button>
<input type="submit" />
</form>https://stackoverflow.com/questions/44196166
复制相似问题