python - Django 酥脆的表格'form-inline'没有按预期工作
问题描述
我已经按照脆表单文档使用bootstarp4创建了一个简单的内联表单。但似乎表单不是“内联”而是“水平”。
这是到目前为止我所拥有的代码片段以及呈现的 Web 视图的屏幕截图,
# models.py
from django.db import models
class InlineTestModel(models.Model):
name = models.CharField(max_length=20)
age = models.IntegerField()
email = models.EmailField()
# form_helper.py
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Submit
class FormHelperBase(FormHelper):
form_inputs = []
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.set_inputs()
def set_inputs(self):
for form_input in self.form_inputs:
self.add_input(form_input)
class TestInlineFormHelper(FormHelperBase):
form_class = 'form-inline'
field_template = 'bootstrap4/layout/inline_field.html'
layout = Layout(
'name', 'age', 'email'
)
form_inputs = [
Submit('Save', 'Save', css_class='button white')
]
# forms.py
from django import forms
class TestInlineForm(forms.ModelForm):
helper = TestInlineFormHelper()
class Meta:
model = InlineTestModel
fields = '__all__'
# views.py
from django.views import generic
from django.urls import reverse
class TestInlineAddView(generic.CreateView):
model = InlineTestModel
form_class = TestInlineForm
template_name = 'app_name/test_inline_add.html'
def get_success_url(self):
return reverse('app_name:success_url')
# template
{% extends 'expenses/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block form_body %}
<form method="post">{% csrf_token %}
{% crispy form %}
</form>
{% endblock %}
呈现的 Web 视图
解决方案
问题是,我们在使用标签时不需要使用<form>
...</form>
crispy
标签
{% extends 'expenses/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block form_body %}
<form method="post">{% csrf_token %}
{% crispy form %}
</form>
{% endblock %}
简而言之,它只需要一行,如
{% extends 'expenses/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% crispy form %}
推荐阅读
- python - 如何修复 TypeError:“NoneType”对象不支持项目分配
- sas - 仅基于变量值的空列 - SAS 数据集
- java - 根据兰彻斯特平方定律在图中找到伤亡最少的路径
- python - 我在使用 Python 计算当前月份的第一个日期和今天的日期之间的天数时遇到问题?
- jenkins - Jenkins CVS 插件问题 --java.lang.NullPointerException 在 hudson.scm.CvsRepository。
(CvsRepository.java:87) - c++ - 如何实现正确的 SWIG 接口以将 shared_ptr 包装在结构上?
- asp.net-mvc - 实体框架从多个 SQL Server 上的多个数据库收集数据
- sharepoint-online - 如何使用@pnp/sp 为人员选择器检索用户
- android - 实例化 MockRunner 时出现异常 - [NoSuchMethodError] [Kotlin]
- java - OutOfMemoryError 崩溃报告,无法找出导致崩溃的原因