直列形式与django脆皮形式
我很抱歉,我只是不明白,这里是非常棒的,我使用的是几乎相同的例子,我只有两个字段,我想内联显示,但它不起作用 我的表格:直列形式与django脆皮形式,django,forms,django-crispy-forms,Django,Forms,Django Crispy Forms,我很抱歉,我只是不明白,这里是非常棒的,我使用的是几乎相同的例子,我只有两个字段,我想内联显示,但它不起作用 我的表格: from django import forms from crispy_forms.helper import FormHelper from crispy_forms import layout, bootstrap from crispy_forms.bootstrap import InlineField, FormActions, StrictButton fro
from django import forms
from crispy_forms.helper import FormHelper
from crispy_forms import layout, bootstrap
from crispy_forms.bootstrap import InlineField, FormActions, StrictButton
from crispy_forms.layout import Layout
from ..models import EmployeeModel
class EmployeeCreateForm(forms.ModelForm):
"""
TODO: Extend CompanyModel into Form
:returns: TODO
"""
def __init__(self, *args, **kwargs):
super(EmployeeCreateForm, self).__init__(*args, **kwargs)
self.helper = FormHelper()
self.helper.form_tag = False
self.helper.method = "POST"
self.helper.form_class = 'form-inline'
self.helper.field_template = 'bootstrap3/layout/inline_field.html'
self.helper.form_action = "company:create-employee"
self.helper.layout = Layout(
'first_name',
'last_name',
StrictButton('Add', css_class='btn-default'),
)
class Meta:
model = EmployeeModel
fields = ["first_name", "last_name"]
和我的模板:
{% extends "base.html" %}
{% load i18n static %}
{% load crispy_forms_tags %}
{% block content %}
<nav class="navbar fixed-top navbar-light bg-faded">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link" href="{% url 'why' %}">WHY SCREEN?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'faq' %}">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'about' %}">ABOUT</a>
</li>
</ul>
</nav>
<div class="container">
<div class="row">
<p style="padding:60px;"></p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-offset-2">
<form action="{% url 'company:create-employee' %}" method="post">
{% csrf_token %}
{% crispy form %}
</form>
</div>
</div>
</div>
{%extends“base.html”%}
{%load i18n static%}
{%load crispy_forms_tags%}
{%block content%}
-
-
-
-
{%csrf_令牌%}
{%crispy form%}
但是表单仍然是水平呈现的,它不是内联的,所以我这里缺少的是什么,请有人解释一下。最后,我得到了它,它是这样的
from django import forms
from django.forms.models import formset_factory
from crispy_forms.helper import FormHelper
from crispy_forms import layout, bootstrap
from crispy_forms.bootstrap import InlineField, FormActions, StrictButton, Div
from crispy_forms.layout import Layout
from crispy_forms import bootstrap, layout
from company.models.employee_model import EmployeeModel
class EmployeeCreateForm(forms.ModelForm):
"""
TODO: Extend CompanyModel into Form
:returns: TODO
"""
def __init__(self, *args, **kwargs):
super(EmployeeCreateForm, self).__init__(*args, **kwargs)
self.helper = FormHelper()
self.helper.form_tag = False
self.helper.method = "POST"
self.helper.form_class = 'form-inline'
self.helper.field_template = 'bootstrap3/layout/inline_field.html'
self.helper.form_action = "company:create-employee"
self.helper.layout = Layout(
Div(
Div('first_name', css_class="col-sm-2"),
Div('last_name', css_class="col-sm-2"),
Div('middle_initial', css_class="col-sm-2"),
Div('social_security_number', css_class="col-sm-2"),
bootstrap.FormActions(
layout.Submit('submit', 'Add', css_class='btn btn-primary')),
css_class='row',
)
)
class Meta:
model = EmployeeModel
fields = ["first_name", "last_name", "middle_initial", "social_security_number"]
我使用了Div
和css\u class='row'
,还将css\u class
添加到Div的
中,效果非常好。表单现在以内联方式显示。Crispy表单还允许您通过以下方式执行此操作:
InlineCheckboxes('field_name')
根据文档{%crispy form.helper%}将起作用我知道了,我现在回答它,是的,这可能会起作用,但我使用了
Div
class fromcrispy\u forms.bootstrap import Div
注意,如果你命名你的FormHelper属性helper,你只需要做:{%crispy form%}使用crispy forms的完美例子