WTF Bootstrap 快速表单如何呈现 HTML答案

【问题标题】：WTF Bootstrap Quick Form how to render HTMLWTF Bootstrap 快速表单如何呈现 HTML
【发布时间】：2019-08-22 15:43:05
【问题描述】：

您好，我必须使用一个唯一的 HTML 页面来显示一些字段，这些字段将填充从 csv 文件中检索到的一些数据。我想使用 WTF 快速表单将所有字段一起传递到 HTML 页面，因为我不知道字段名称，因为它们可以从不同的 csv 文件中检索（它们将相当于 csv 的列标题）。唯一的问题是我希望它们显示在两列 (div) 中，因此一列中的一半字段，另一列中的一半，而快速表单将它们显示在一个垂直列表中。我怎样才能以最简单的方式解决这个问题？有什么属性可以添加到布局的快速表单中？

我已经使用 wtf.form_field 尝试了以下操作，但是这样我必须知道每个字段的名称，并且我必须为每个 CSV 文件创建一个 HTML 页面，而我想要快速创建 1 个 HTML 页面表单，但我不能以这种方式将字段显示在两列中。

<div class="row">

    <div class="col-md-6">

        {{ wtf.form_field(form.COD_SPORTELLO) }}
        {{ wtf.form_field(form.QU_CAP) }}
        {{ wtf.form_field(form.QU_CAP_INTER) }}
        {{ wtf.form_field(form.CAUSALE) }}
        {{ wtf.form_field(form.ONERI_RATE_VAL) }}
        {{ wtf.form_field(form.FLAG_ANTIRIC) }}
        {{ wtf.form_field(form.FLAG_VIG) }}

    </div>

    <div class="col-md-6">
        {{ wtf.form_field(form.COD_RAPPORTO) }}
        {{ wtf.form_field(form.QU_CAP_VALUTA) }}
        {{ wtf.form_field(form.DATA_SCADENZA) }}
        {{ wtf.form_field(form.ONERI_RATE) }}
        {{ wtf.form_field(form.QU_INTER_VALUTA) }}
        {{ wtf.form_field(form.FLAG_AR) }}

    </div>

</div>

我认为这有点棘手，因为即使我将一些参数传递给快速表单，例如水平列（必须是列类型、左列大小、右列大小的 3 元组），它将创建第二列，但它仍将仅显示一列字段，因此我必须以某种方式告诉他我想要一列上的一半字段和另一列（div）的一半。我不能使用 form_field 并列出每个文件名，因为我不知道字段名。

【问题讨论】：

标签： python bootstrap-4 flask-wtforms wtforms

【解决方案1】：

可以直接从模板中为字段分配一个类。如果你知道你需要什么引导类，那么你可以使用带有关键字参数class的字段来调用它

如本答案所述

Add a css class to a field in wtform

【讨论】：

我知道，但是要使用引导类创建 2 个列，您需要将每个列放在一个像这样的 div 中
{{ wtf. quick_form(form) }}

{{ wtf.quick_form(form) }}
如果我把快速表单的两倍它将重复字段两次，因为快速表单将类中的所有值一起传递。
而我需要右栏的一半字段，左栏的另一半。我无法编写单个字段，因为我不知道将传递给模板的字段名称以及有多少