[英]Django Crispy Form Split Field Layouts
我们有一个酥脆的表单,我们希望能够在表单HTML
模板的不同部分呈现不同的字段,但是我们在Crispy 文档中找不到这样做的方法。 下面是一些稍微编造的代码来说明我们正在尝试做的事情:
表格.py
helper = FormHelper()
helper.layout_1 = Layout(
Div(
Field('field_1a'),
Field('field_1b')
)
)
helper.layout_2 = Layout(
Div(
Field('field_2a'),
Field('field_2b')
)
)
模板.html
<body>
{% crispy form layout_1 %}
<!-- A big bunch of other html -->
{% crispy form layout_2 %}
</body>
有谁知道实现这一目标的干净方法?
到目前为止,我们已经研究过并且不得不排除的方法:
choice
字段,它们的选项是通过编程确定的。crispy.forms.layout.HTML
布局,它使用一个crispy.forms.layout.HTML
对象来包含将我们的布局的两个不同部分分开的HTML。 但是,有很多 HTML,如果我们将其直接嵌入到 python 中,将变得难以维护。更新:这不适用于forms.ModelForm
尝试创建两个助手而不是两个布局,然后显式调用您的单独助手。 这样做,您将不得不手动编写<form>
标签以将两个表单包含在模板中,但希望能提供您需要的解决方案。
forms.py
class Form(forms.Form):
field_1a = forms.CharField()
field_1b = forms.CharField()
field_2a = forms.CharField()
field_2b = forms.CharField()
def __init__(self, *args, **kwargs):
super(Form, self).__init__(*args, **kwargs)
self.helper1 = FormHelper()
self.helper1.form_tag = False
self.helper1.layout = Layout(
Div(
Field('field_1a'),
Field('field_1b')
)
)
self.helper2 = FormHelper()
self.helper2.form_tag = False
self.helper2.disable_csrf = True
self.helper2.layout = Layout(
Div(
Field('field_2a'),
Field('field_2b')
)
)
然后在您的模板中:
<body>
<form>
{% crispy form form.helper1 %}
<!-- A big bunch of other html -->
{% crispy form form.helper2 %}
</form>
</body>
创建一个form.py
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Field,Layout, ButtonHolder, Submit
class layout1Form(forms.Form):
def __init__(self, *args, **kwargs):
super(layout1Form, self).__init__(*args, **kwargs)
self.helper = FormHelper(self)
self.helper.layout = Layout(
Field('answer',css_class="field span8"),
ButtonHolder(
Submit('submit', 'Submit', css_class='btn-primary pull-right')
)
)
self.helper.form_tag = False
class layout2Form(forms.Form):
def __init__(self, *args, **kwargs):
super(layout1Form, self).__init__(*args, **kwargs)
self.helper = FormHelper(self)
self.helper.layout = Layout(
Field('answer',css_class="field span8"),
ButtonHolder(
Submit('submit', 'Submit', css_class='btn-primary pull-right')
)
)
self.helper.form_tag = False
然后在 views.py
from ...forms import layout1Form,layout2Form
def layouttest(request):
form = layout1Form(request.POST)
form1=layout2Form(request.POST)
return render(request,'test.html',{'frm1':form,'frm2':form1})
然后在模板中你可以使用
<form id="signup" class="form-horizontal" method="post" action="">
{% crispy frm1 %}
""the big html""
{% crispy frm2 %}
<button type="submit" class="btn btn-success">Submit</button>
</form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.