我花了几个小时尝试调试此错误,但找不到原因。我没有任何错误消息。
这里是屏幕截图:Crispy Form Displayed
我想使用简洁的表单布局在两列中显示我的表单。
目标:显示具有在forms.py文件中定义的布局的表单问题:布局未按预期显示,并在不同的行上列出了所有字段。这是表格ibb.co/nrwRmzT
的屏幕截图forms.py
from crispy_forms.helper import FormHelper
from .models import Project
from django.core.exceptions import ValidationError
from crispy_forms.layout import Layout, Submit, Row, Column, ButtonHolder
class ProjectForm(forms.ModelForm):
class Meta:
model = Project
fields = ['type','chantier','description','company','contact','po_number','display_po','upload_po','proposal_ref','budget','system','notes']
labels = {
"po_number": "Client PO Ref",
"company": "Customer"
}
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.helper = FormHelper(self)
self.helper.layout = Layout(
Row(
Column('type', css_class='form-group col-md-2 mb-0'),
Column('chantier', css_class='form-group col-md-2 mb-0'),
Column('description', css_class='form-group col-md-3 mb-0'),
Column('system', css_class='form-group col-md-2 mb-0'),
css_class='form-row'
),
Row(
Column('company', css_class='form-group col-md-3 mb-0'),
Column('contact', css_class='form-group col-md-3 mb-0'),
css_class='form-row'
),
Row(
Column('proposal_ref', css_class='form-group col-md-2 mb-0'),
Column('budget', css_class='form-group col-md-5 mb-0'),
css_class='form-row'
),
Row(
Column('po_number', css_class='form-group col-md-2 mb-0'),
Column('upload_po', css_class='form-group col-md-2 mb-0'),
Column('proposal_ref', css_class='form-group col-md-2 mb-0'),
css_class='form-row'
),
Row(
Column('notes', css_class='form-group col-md-20 mb-0'),
css_class='form-row'
),
Submit('submit', 'Sign in')
)
Createproject.html
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% crispy form %}
{% block body %}
<form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data">
{% csrf_token %}
{% crispy form %}
</form>
{% endblock %}
非常感谢
您需要将Row()数据分配给helper.layout
def __init__(self, *args, **kwargs):
super(ProjectForm, self).__init__(*args, **kwargs)
self.helper = FormHelper(self)
self.helper.form_method = 'POST'
self.helper.layout = Layout(
Row(
Column('type', css_class='form-group col-md-6 mb-0'),
[...]
在您的Createproject.html]中尝试此>
<form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data"> {% csrf_token %} {{ form|crispy }} </form>
我希望这可以解决您的问题。