在FieldList中动态调整表单

时间:2017-04-01 16:36:28

标签: wtforms flask-wtforms

我正在使用Flask和Flask-WTF,我需要创建一个包含几个类似结构的块(子表单)的表单(如一个SelectField和一个TextAreaField的子表单)。作为docs suggest,我可以将FormFieldFieldList一起使用来实现此目标。但是,我需要动态调整我的SelectField(根据数据库中的值在运行时更改它们的choice)。文档现在suggest

  

请注意,choices关键字仅评估一次,因此如果要创建动态下拉列表,则需要在实例化后将选项列表分配给字段。

可以找到这种方法的一个例子here。但是,FormField接受form_class,而不是实例(至少根据文档),所以看起来这两个食谱不能很好地结合在一起。

还有其他想法吗?

1 个答案:

答案 0 :(得分:2)

好吧,它比我想象的要容易。您必须使用空选项创建这些子表单,创建它们的列表,然后调整列表项内的选项。

class UserForm(wtforms.Form):
# must inherit from wtforms.Form, not flask-WTForms'
# see http://stackoverflow.com/questions/15649027/wtforms-csrf-flask-fieldlist
    first_name = StringField('First Name', [validators.DataRequired()])
    last_name = StringField('Last Name', [validators.DataRequired()])
    accepted_policy = BooleanField('Accept Policy')
    experience = SelectField('Experience', coerce=int)

class UsersForm(Form):
    users = FieldList(FormField(UserForm), min_entries=2)

@app.route('/', methods=['GET', 'POST'])
def hello_world():

    form = UsersForm(users=[{}, {}, {}])
    form.users[0].experience.choices=[(1, 'One'), (2, 'Two')]
    form.users[1].experience.choices = [(1, 'Uno'), (2, 'Du')]
    form.users[2].experience.choices = [(0, 'Zero')]
    return render_template("hello.html", form=form)

这是一个模板:

{% macro render_field(field) %}
  <dt>{{ field.label }}
  <dd>{{ field(**kwargs)|safe }}
  {% if field.errors %}
    <ul class=errors>
    {% for error in field.errors %}
      <li>{{ error }}</li>
    {% endfor %}
    </ul>
  {% endif %}
  </dd>
{% endmacro %}

<form method=post>
  <dl>
      {{ form.hidden_tag()}}
      {%  for user_entry_form in form.users %}
          {{ user_entry_form.name }}
    {{ render_field(user_entry_form.first_name) }}
    {{ render_field(user_entry_form.last_name) }}
    {{ render_field(user_entry_form.experience) }}
      {%  endfor %}
  </dl>
  <p><input type=submit value=Go!>
</form>