23

我正在使用Flask构建一个网站，其中我使用WTForms。在表单中，我现在想使用 FormFields 的 FieldList，如下所示：

class LocationForm(Form):
    location_id = StringField('location_id')
    city = StringField('city')

class CompanyForm(Form):
    company_name = StringField('company_name')
    locations = FieldList(FormField(LocationForm))

所以为了让人们能够进入一家有两个地点的公司（稍后会动态添加地点），我在前端这样做：

<form action="" method="post" role="form">
    {{ companyForm.hidden_tag() }}
    {{ companyForm.company_name() }}
    {{ locationForm.location_id() }}
    {{ locationForm.city() }}
    {{ locationForm.location_id() }}
    {{ locationForm.city() }}
    <input type="submit" value="Submit!" />
</form>

所以在提交时我打印位置：

print companyForm.locations.data

但我明白了

[{'location_id': u'', 'city': u''}]

我可以使用 locationForm 打印第一个位置的值（见下文），但我仍然不知道如何获取第二个位置的数据。

print locationForm.location_id.data
print locationForm.city.data

所以位置列表确实有一个空值的字典，但是：

  1. 为什么位置列表只有一个，而不是两个字典？
  2. 为什么位置字典中的值是空的？

有人知道我在这里做错了什么吗？欢迎所有提示！

4

2 回答 2

53

对于初学者，FieldList有一个名为的参数min_entries，它将为您的数据腾出空间：

class CompanyForm(Form):
    company_name = StringField('company_name')
    locations = FieldList(FormField(LocationForm), min_entries=2)

这将以您需要的方式设置列表。接下来，您应该直接从locations属性呈现字段，以便正确生成名称：

<form action="" method="post" role="form">
    {{ companyForm.hidden_tag() }}
    {{ companyForm.company_name() }}
    {{ companyForm.locations() }}
    <input type="submit" value="Submit!" />
</form>

查看呈现的 html，输入应该具有类似 的名称locations-0-city，这样 WTForms 将知道哪个是哪个。

或者，对于元素的自定义渲染

{% for l in companyForms.locations %}
{{ l.form.city }}
{% endfor %}

（仅在 wtforms 中l.city是 . 的简写l.form.city。但是，该语法似乎与 Jinja 冲突，因此有必要l.form.city在模板中使用显式。）

现在准备提交的数据，只需创建CompanyForm并遍历位置：

for entry in form.locations.entries:
    print entry.data['location_id']
    print entry.data['city']
于 2015-05-12T00:10:51.650 回答
0

这是一个古老的问题，但仍然是一个很好的问题。

我想添加一个基于 Flask 的玩具数据库示例（只是一个字符串列表），重点放在 Python 部分 - 如何使用可变数量的子表单初始化表单以及如何处理发布的数据。

这是example.py文件：

import flask
import wtforms
import flask_wtf

app = flask.Flask(__name__)
app.secret_key = 'fixme!'

# not subclassing from flask_wtf.FlaskForm
# in order to avoid CSRF on subforms
class EntryForm(wtforms.Form):
    city = wtforms.fields.StringField('city name:')
    delete = wtforms.fields.BooleanField('delete?')

class MainForm(flask_wtf.FlaskForm):
    entries = wtforms.fields.FieldList(wtforms.fields.FormField(EntryForm))
    submit = wtforms.fields.SubmitField('SUBMIT')

city_db = "Graz Poprad Brno Basel Rosenheim Torino".split() # initial value

@app.route("/", methods=['POST'])
def demo_view_function_post():
    global city_db

    form = MainForm()
    if form.validate_on_submit():
        city_db = [
            entry['city'] for entry in form.entries.data
            if entry['city'] and not entry['delete']]
        return flask.redirect(flask.url_for('demo_view_function_get'))

    # handle the validation error, i.e. flash a warning
    return flask.render_template('demo.html', form=form)

@app.route("/")
def demo_view_function_get():
    form = MainForm()
    entries_data = [{'city': city, 'delete': False} for city in city_db]
    entries_data.append({'city': '', 'delete': False})  # "add new" placeholder
    form.process(data={'entries': entries_data})
    return flask.render_template('demo.html', form=form)

这是demo.html文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Demo</title>
</head>
<body>
  <h1>Subform demo</h1>
  <p>Edit names / mark for deletion / add new</p>
  <form method="post">
    {{ form.csrf_token() }}
    {% for entry in form.entries %}
      {% if loop.last %}
        <div>Add new:</div>
      {% endif %}  
      <div>
        {{ entry.city.label }} {{ entry.city() }}
        {{ entry.delete() }} {{ entry.delete.label }}
      </div>
    {% endfor %}
    {{ form.submit() }}
  </form>
</body>

运行：FLASK_APP=example flask run

于 2022-01-23T17:04:24.997 回答