Flask Iterating data in WTForms from a list with jinja2 to generate form fields

Question

I am trying generate a checklist in a html table from a json file using BooleanField() So far I have it without using wtforms:

from view.py

from app import app

from flask import render_template

json_data = [{'Description':'Red', 'id':'f1'},{'Description':'Green', 'id':'f2'},{'Description':'Blue', 'id':'f3'}]


@app.route('/taggs', methods = ['GET', 'POST'])
def taggs()
    return render_template('taggs.html', jdata = json_data)

from taggs.html

<form role="form" method= "post">
<table id='ctable'>
    <thead>
    <tr>
        <th data-field="Description"></th>
        <th data-field="Selection"></th>
    </tr>
    </thead>
<tbody>

</tbody>
    {% for i in jdata %}
    <tr>
        <td>{{ i.Description }}</td>
        <td><input type ="checkbox" id = "{{ i.id }}"></td>
    </tr>
    {% end for%}
</table>
</form>

Is there a way of generating form fields using a list in wtforms? or do I have to create a class and declare each variable in the list?

abigperson · Accepted Answer · 2017-03-06 22:55:12Z

2

Yes, you can do this dynamically in your view function.

The docs have an example of this, which you can adapt along the lines of:

from flask import render_template, request
from flask_wtf import Form
from wtforms import BooleanField

json_data = [{'Description':'Red', 'id':'f1'}, 
             {'Description':'Green', 'id':'f2'}, 
             {'Description':'Blue', 'id':'f3'}]


@app.route('/taggs', methods = ['GET', 'POST'])
def taggs():
    class CustomForm(Form):
        pass

    for item in json_data:
        setattr(CustomForm, item["id"], 
                BooleanField(item["description"], id=item["id"]))

    form = CustomForm(request.form)

    return render_template('taggs.html', form=form)

answered Mar 6, 2017 at 22:55

abigperson

5,3823 gold badges25 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ccsv Over a year ago

@PJ_Santoro what do you put in the jinja 2 loop?

abigperson Over a year ago

if you use Flask-Bootstrap you can use the wtf.quick_form() macro or loop through the items {% for element in form %}{{ element.label }}{{ element() }}... like the wtforms docs. mostly depends on your data model and how you'd like it to render.

Collectives™ on Stack Overflow

Flask Iterating data in WTForms from a list with jinja2 to generate form fields

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related