使用Bootstrap渲染Flask-WTF的FieldList嵌套SelectField报错

我之前碰到过一模一样的问题！这个错误的核心原因是嵌套的子表单继承了FlaskForm而非基础的wtforms.Form，导致表单字段的label属性被意外转成了字符串，而不是wtforms原本的可调用Label对象，这就触发了模板中{{field.label(class="control-label")|safe}}的TypeError。

解决方案：调整子表单的继承类 #

把嵌套的FormEntry从继承FlaskForm改成继承wtforms.Form就可以了——因为FlaskForm是为顶层表单设计的（自带CSRF保护等特性），嵌套子表单根本不需要这些额外功能，用基础的Form类完全足够：

修改你的form.py代码：

from flask_wtf import FlaskForm
from wtforms import SelectField, FieldList, FormField, Form  # 导入基础Form类

class FormEntry(Form):  # 将FlaskForm替换为Form
    selectfield = SelectField('Name', coerce=int)

class MyForm(FlaskForm):
    selectfield = SelectField('Name', coerce=int, choices=[(2, "choice 2"), (1, "choice 1")])
    form_entries = FieldList(FormField(FormEntry))

为什么这能解决问题？ #

FlaskForm在初始化时会对表单属性做额外处理，当它被用作FormField的嵌套子表单时，会干扰内部字段的属性结构，导致field.label从可调用的Label实例变成了字符串。而基础的wtforms.Form不会添加这些顶层表单专属的特性，能让嵌套字段保持原始的属性类型，这样bootstrap的wtf模板就能正常调用field.label()方法了。

修改后，你的render.html代码不需要做任何改动，循环渲染FieldList里的SelectField就能正常工作了。

内容的提问来源于stack exchange，提问作者otwtm