Bootstrap 未将 Flask-WTForms QuerySelectField 呈现为 HTML <select>
Bootstrap not rendering Flask-WTForms QuerySelectField as HTML <select>
我正在尝试构建一个 Flask 表单,其中一个字段是 QuerySelectField。一切正常,除了 Bootstrap 将 <select>
呈现为看起来像文本输入字段。
当我查看我的页面源代码时,我看到该字段呈现为 <select class="form-control"...>
。如果我正确阅读了 Bootstrap 文档,我需要将其更改为 <select class="form-select...>
。我试过将 render_kw={'class': 'form-select'}
和 extra_classes='form-select'
都放在我的表单 class 中,但后者抛出意外关键字异常,而前者似乎被忽略了。
如何让我的 SelectField
呈现为 <select>
字段?
我通过从 Flask-Bootstrap 切换到 Bootstrap-Flask 解决了这个问题,因为前者已经好几年没有更新了。这还需要在我的模板中将 {% import "bootstrap/wtf.html" as wtf %}
更改为 {% import "bootstrap/form.html" as wtf %}
,并将对 wtf.quick_form()
的调用替换为对 wtf.render_form()
.
的调用
我正在尝试构建一个 Flask 表单,其中一个字段是 QuerySelectField。一切正常,除了 Bootstrap 将 <select>
呈现为看起来像文本输入字段。
当我查看我的页面源代码时,我看到该字段呈现为 <select class="form-control"...>
。如果我正确阅读了 Bootstrap 文档,我需要将其更改为 <select class="form-select...>
。我试过将 render_kw={'class': 'form-select'}
和 extra_classes='form-select'
都放在我的表单 class 中,但后者抛出意外关键字异常,而前者似乎被忽略了。
如何让我的 SelectField
呈现为 <select>
字段?
我通过从 Flask-Bootstrap 切换到 Bootstrap-Flask 解决了这个问题,因为前者已经好几年没有更新了。这还需要在我的模板中将 {% import "bootstrap/wtf.html" as wtf %}
更改为 {% import "bootstrap/form.html" as wtf %}
,并将对 wtf.quick_form()
的调用替换为对 wtf.render_form()
.