未在HTML

时间:2016-03-03 11:57:25

标签: python html flask wtforms

c.ingredients我正在创建一个用于学习目的的Flask示例应用程序,我有一个名为CocktailForm的表单,其中包含一个SelectMultipleField。此表单应用于创建新的鸡尾酒对象以及更新它们:

class CocktailForm(Form):
    name = StringField('What is the coktail\'s name?', validators=[Required()])
    ingredients = SelectMultipleField('Ingredients',
                                      coerce=int,
                                      )
    submit = SubmitField('Submit')

为了编辑我想用鸡尾酒数据加载相同的表格。它适用于名称和加载所有选项,但我也想选择那些鸡尾酒成分的选择:

@main.route('/edit/<int:id>', methods=['GET', 'POST'])
def edit(id):

    try:
        c = Cocktail.query.filter(Cocktail.id == id).one()
        form = CocktailForm()
        form.ingredients.choices = [(i.id, i.name) for i in Ingredient.query.all()]

        if form.validate_on_submit():
            c.name = form.name.data
            cocktail_ingredients = Ingredient.query.filter(Ingredient.id.in_(form.ingredients.data)).all()
            c.ingredients.extend(cocktail_ingredients)
            db.session.commit()
        else:
            form.name.data = c.name
            form.ingredients.default = [(i.id, i.name) for i in c.ingredients]
            return render_template('new.html', form=form)

    except Exception, e:
        print e

    return redirect(url_for('.index'))

我得到了意想不到的结果,因为在HTML上没有显示这些选项,但是当我提交表单时,即使你选择了新的选项,也总是选择这些选项。

模板很简单:

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block title %}Cocktails{% endblock %}

{% block page_content %}
<div class="page-header">

    <h1>New Cocktail</h1>
    {{ wtf.quick_form(form) }}

</div>
{% endblock %}

这是您在浏览器中可以看到的内容。我正在编辑由杜松子酒和滋补品组成的Gintonic鸡​​尾酒。但是它们不会显示为已选择:

Browser

在此先感谢,任何提示都将受到赞赏

1 个答案:

答案 0 :(得分:1)

form.ingredients.default = [(i.id, i.name) for i in Ingredient.query.all()]行未设置所选值。您想将其更改为form.ingredients.data = [i.id for i in c.ingredients]

你应该在validate块中有一个重定向/ render_template,但这是可选的。