Question

我想生成带复选框的文件列表。我试过使用FieldList，但它没有像我预期的那样工作。而不是具有指定文件名的复选框我获得带有以包含FieldList对象的变量命名的标签的复选框。有没有办法解决它？

app.py：

from flask import Flask, render_template
from flask_bootstrap import Bootstrap
from flask_wtf import FlaskForm
from wtforms import BooleanField, FieldList, SubmitField

app = Flask(__name__)
app.config['SECRET_KEY'] = 'development'
Bootstrap(app)

filenames = ['1.jpg', '2.jpg', '3.jpg', '4.jpg']


class FileListForm(FlaskForm):
    filename = FieldList(BooleanField(), 'Files')
    submit = SubmitField('Submit')


@app.route('/')
def listfiles():
    form = FileListForm()
    for filename in filenames:
        form.filename.append_entry(filename)
    return render_template('index.html',
                           form=form)


if __name__ == '__main__':
    app.run(debug=True, port=5001)

模板/ index.html中

{% import "bootstrap/wtf.html" as wtf %}
{{ wtf.quick_form(form) }}

软件包：

click==6.7
dominate==2.3.1
Flask==0.12.2
Flask-Bootstrap==3.3.7.1
Flask-WTF==0.14.2
itsdangerous==0.24
Jinja2==2.9.6
MarkupSafe==1.0
visitor==0.1.3
Werkzeug==0.12.2
WTForms==2.1

Answer 1

根据文档，WTForms'FieldList不应与BooleanField一起使用：

注意：由于HTML发送值的方式有限，FieldList无法包含BooleanField或SubmitField个实例。

（即使HTML输出显示有效。）也就是说，您没有看到您期望看到的内容，因为append_entry的第一个参数接受表单输入的值，而不是其标签。

相反，我建议动态创建表单类：

filenames = ['1.jpg', '2.jpg', '3.jpg', '4.jpg']

class FileListFormBase(FlaskForm):
    submit = SubmitField('Submit')

def file_list_form_builder(filenames):
    class FileListForm(FileListFormBase):
        pass

    for (i, filename) in enumerate(filenames):
        setattr(FileListForm, 'filename_%d' % i, BooleanField(label=filename))

    return FileListForm()

@app.route('/')
def listfiles():
    form = file_list_form_builder(filenames)
    return render_template('index.html', form=form)

注意：默认的HTML表示将在顶部显示“提交”按钮，因为库按照定义的顺序呈现字段。 WTForms原本不支持订购，所以这可能是一个更好的解决方案，即使它不那么优雅：

filenames = ['1.jpg', '2.jpg', '3.jpg', '4.jpg']

def file_list_form_builder(filenames):
    class FileListForm(FlaskForm):
        pass

    for (i, filename) in enumerate(filenames):
        setattr(FileListForm, 'filename_%d' % i, BooleanField(label=filename))

    setattr(FileListForm, 'submit', SubmitField('Submit'))
    return FileListForm()

@app.route('/')
def listfiles():
    form = file_list_form_builder(filenames)
    return render_template('index.html', form=form)

Answer 2

以防这对将来的任何人有所帮助。这就是我实现此解决方案的 jinja 部分的方式。

我创建了要发送到模板的变量名称列表。就我而言，我需要根据计数动态创建多个字段。这些名称需要与您在构建表单时创建的名称相匹配，例如在上面针对此给定问题的选定解决方案中。

variable_names_list = []
for i in range(1, count+1):
    variable_names_list.append([f'var1_name_{i}',f'var2_name_{i}',f'var3_name_{i}',f'var4_name_{i}'])

在您的渲染模板语句中将此发送到模板然后使用以下 jinja 来显示您的表单项

                    <div class="row">
                        <table class="table table-bordered">
                            <tbody>
                                {{ form.csrf_token }}
                                {% for variable_names in variable_names_list %}
                                <tr>
                                    {% for variable in variable_names %} 
                                        <td>
                                            {{ form[variable] }}
                                        </td>
                                    {% endfor %}
                                </tr>

                                {% endfor %}
                            </tbody>

                        </table>
                    </div>

这个解决方案的关键部分是这一行：

{{ form[variable] }}

我花了一段时间才弄清楚这是如何单独访问表单项。

希望这对未来的人有所帮助。

干杯

带有BooleanField的Flask WTForms FieldList

2 个答案: