如何在quick_form flask bootstrap中添加类到标签

时间:2018-04-28 13:02:07

标签: python-2.7 flask flask-wtforms flask-bootstrap

使用override CXX := /path-to-your-compiler/g++ quick_form生成表单对我来说非常方便,但是,我无法在他们的documentation中找到我可以向{{1}添加额外课程的方式根据我的模板主题的要求。

我的forms.py类看起来像这样:

Flask-Bootstrap

我的 routes.py 如下:

label

我的from flask_wtf import Form from wtforms import StringField,PasswordField,TextField,SubmitField from wtforms.validators import InputRequired,EqualTo,Email,ValidationError class Building_Form(Form): BuildingName = TextField('Building Name') BuildingType = TextField('Building Type') FloorNums = TextField('Numers of Floor') BuildUnits = TextField('Units in Building') BuildSize = TextField('Building Size') BuiltYear = TextField('Built in (year)') BuildOpeningTime = TextField('Open Time') BuildClosingTime = TextField('Close Time') 呈现表单:

from app.import_core import *
from flask_wtf import FlaskForm
from wtforms import Form, BooleanField, StringField, PasswordField, validators
from wtforms.validators import DataRequired
from flask_wtf.file import FileField, FileRequired
from werkzeug.utils import secure_filename
from werkzeug.security import generate_password_hash, check_password_hash


from .forms import Building_Form
# from app.user.models import TBL_USER

import pdb

@app.route('/building')
def show_building_listing():

    return render_template('building_listing.html')

@app.route('/builing/new',methods=['GET','POST'])
def add_new_builing():
    form = Building_Form()
    if request.method=='POST':
        return '<h1>Ok Building added</h1>'

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

我想将类new_building.html添加到我的表单标签中,但最终会在{% extends "__dashboard.html" %} {% import "bootstrap/wtf.html" as wtf %} {% block include_css %} <link rel="stylesheet" href="{{url_for('static',filename='css/login.css')}}"> <link rel="stylesheet" href="{{url_for('static',filename='css/bt-social-button/bootstrap-social.css')}}"> {% endblock %} {% block content %} <div class="card"> <div class="card-body"> {{ wtf.quick_form(form, extra_classes='bmd-label-floating') }} </div> </div> {% endblock %} 中使用这些类。

如何在标签中添加该类?谢谢。

1 个答案:

答案 0 :(得分:1)

我有类似的问题。项目列表用于生成具有多个复选框的表单。我需要添加一个标签类来水平设置它们。我能够遍历我的表单对象并更改表单field.label

<form action="" method="post">

{% with test = form.example %}
{% for field in test %}
    {{ field.label(class_='checkbox-inline') }}
    {{ field }}
{% endfor %}
{% endwith %}

<p>{{ form.submit() }}</p>
</form>