如何在django-crispy-form的两列布局上传播表单字段

Question

我收到了一些建议，使用django-crispy-forms在Django中创建表单。

我一直在文档中寻找几个小时，但无法找到如何将表单字段分布在两列上的方法。

在这里看这个例子

        helper = FormHelper()
        helper.form_class = 'form-horizontal'
        helper.layout = Layout(
            Field('text_input', css_class='input-xlarge'),
            Field('textarea', rows="3", css_class='input-xlarge'),
            'radio_buttons',
            ...
        )

我可以看到如何设置外观顺序。但是布局仍然与普通{{ form.as_p }}没有什么不同.我希望我在这里缺少一些东西，否则使用此附加组件几乎没有用处？

Answer 1

确保您包含引导 css 文件，应用程序已添加到 INSTALLED_APPS .

然后，您必须在模板中包含执行{% load crispy_forms_tags %}的django-crispy-forms标签，最后执行{% crispy form %}，如示例中所示。您链接的示例中显示的所有内容。这应该产生水平形式。

没有什么接近as_p的，这是一个可定制的布局，不需要编写模板，这非常容易出错。这些幻灯片可能会对您有所帮助。

Answer 2

我只短暂地使用了django-crispy-forms，我没有将它与表单助手一起使用。下面是使用 mako-templates 编写的，但你应该能够轻松地将其转置为 django 模板。

<form class="form-horizontal">
    <fieldset>
    %if form.non_field_errors():
        <div class='alert alert-error'>${form.non_field_errors()}</div>
    %endif
        ${form.as_crispy}
    <div class="form-actions">
        <button type="submit" class="btn btn-primary" id="some-id"> 
            Find
        </button>
        <button type="reset" class="btn" id="clear-filter">
            Clear
        </button>
    </div>
    </fieldset>
</form>

这

使用字段集渲染表单，这几乎是使用 twitter-bootstrap 呈现表单的默认方式。仅当默认渲染不适合您时才使用助手（我认为..）。我没有