无法使用 wtforms、append_entry() 和 FieldList(FormField()) 更改动态添加的表单字段的标签

Question

我正在努力更改使用 .append_entry() 动态添加的 FieldList 子表单的标签。我可以成功更改整个表单的标签，并直接在每个单独的字段前面更改标签，但我仍然在每个连续的字段实例上方得到一个项目符号和默认标签 0、标签 1、标签 2 等，我无法重命名或删除它。

我正在创建一个表格，收集存在于不同地区的不同数量的社区和激进分子的特征。我有一个整体表格和四个子表格。例如，如果我有 2 个地区和 3 个社区，我的表格的第一部分称为 regionpercent 要求每个地区的人口百分比与每个社区一致，看起来像这样：

区域 1
社区百分比 1：
社区百分比 2：
社区百分比 3：

区域 2
社区百分比 1：
社区百分比 2：
社区百分比 3：

所以我需要将 regionpercent 的子标签更改为 ['Region1<br>Percent Community 1:'、'Percent Community 2:'、'Percent Community 3:'、'<br>Region 2<br>Percent Community 1 :', 'Percent Community 2:', 'Percent Community 3:']。但是现在，在六个字段中的每一个之前，我都有一个 "regionpercent-0"、"regionpercent-1" 等等。

主窗体调用 ThirdForm()。

这是我的表格类:

class RegionForm2(FlaskForm):
    x = FloatField(validators=[InputRequired()])

    def __init__(self, labels=None, **kwargs):
        super().__init__(**kwargs)
        if labels is None:
            labels = ['percent of the population:']
        self.x.label = Label(self.x.id, labels[0])

class GrievancesForm(FlaskForm):
    box = BooleanField(validators=None)

    def __init__(self, labels=None, **kwargs):
        super().__init__(**kwargs)
        if labels is None:
            labels = ['Grievance?:']
        self.box.label = Label(self.box.id, labels[0])

class AffiliationsForm(FlaskForm):
    boxm = BooleanField(validators=None)

    def __init__(self, labels=None, **kwargs):
        super().__init__(**kwargs)
        if labels is None:
            labels = ['Affiliation?:']
        self.boxm.label = Label(self.boxm.id, labels[0])

class MilitantForm2(FlaskForm):
    reg = BooleanField(validators=None)

    def __init__(self, labels=None, **kwargs):
        super().__init__(**kwargs)
        if labels is None:
            labels = ['Active?:']
        self.reg.label = Label(self.reg.id, labels[0])

class ThirdForm(FlaskForm):
    regionpercent = FieldList(FormField(RegionForm2))
    grievances = FieldList(FormField(GrievancesForm))
    affiliations = FieldList(FormField(AffiliationsForm))
    milactive = FieldList(FormField(MilitantForm2))
    submit = SubmitField('Submit')

    def __init__(self, labels=None, **kwargs):
        super().__init__(**kwargs)
        if labels is None:
            labels = ['Percentage of Each Community Present in Each Region', 'Grievances Between Communities', 'Affiliation of Communities with Militants', 'Active Militants in Each Region']
        self['regionpercent'].label = Label(self['regionpercent'].id, labels[0])
        self['grievances'].label = Label(self['grievances'].id, labels[1])
        self['affiliations'].label = Label(self['affiliations'].id, labels[2])
        self['milactive'].label = Label(self['milactive'].id, labels[3])

这是我的 routes.py:

@app.route('/page3', methods=['GET', 'POST'])
def page3():
    regionnames = session.get('regionnames', None)
    communitynames = session.get('communitynames', None)
    militantnames = session.get('militantnames', None)
    form = ThirdForm()
    if form.validate_on_submit():
        regiondata = form.regionpercent.data
        return redirect(url_for('next_page'))
    for i in range(len(regionnames)*len(communitynames)):
        form.regionpercent.append_entry()
    for i in range(len(communitynames)*(len(communitynames)-1)):
        form.grievances.append_entry()
    for i in range(len(communitynames)*len(militantnames)):
        form.affiliations.append_entry()
    for i in range(len(regionnames)*len(militantnames)):
        form.milactive.append_entry()
    print('regionpercent:', form.regionpercent)
    return render_template('page3.html', title='Third Page', form=form)

这是我的 HTML:

<h1> Model Parameters- Page 3</h1>
    <h3> More Properties</h3>
    <form action="" method="post" novalidate>
        {{ form.hidden_tag() }}
        <p>
            {{ form.regionpercent.label }}<br>
            {{ form.regionpercent(size=32) }}
        </p>
        <p>
            {{ form.grievances.label }}<br>
            {{ form.grievances(size=32) }}
        </p>
        <p>
            {{ form.affiliations.label }}<br>
            {{ form.affiliations(size=32) }}
        </p>
        <p>
            {{ form.milactive.label }}<br>
            {{ form.milactive(size=32) }}
        </p>
        <p>{{ form.submit() }}</p>
    </form>
{% endblock %}

尽管手动添加标签，但如果我打印 form.regionpercent，我仍然会看到 <label for="regionpercent-0">Regionpercent-0</label>。

我在我的 routes.py 文件中导入了区域、社区和好战分子名称的列表，以便我可以将它们用作标签，但我还没有做到这一点，因为我坚持这个问题。我很乐观，我可以处理创建标签列表，但不确定如何将这些列表传递给类。

我最初试图创建一个子子表单，首先我会迭代社区的数量，然后迭代武装分子的数量（例如），但我无法访问所有的数据以这种方式使用 form.affiliations.data 的字段。因此，我绝对有必要更改这些子字段标签，以区分社区 1 及其子部分 Militant1、Militant2...等。

如果可以完全删除默认的子字段标签并在每个字段实例之间添加我自己的文本，那也可以。

Answer 1

我解决了这个问题，方法是在我的 HTML 模板中使用 Javascript 根据隐藏在页面中的名称查找标签。然后我用我喜欢的标签名称替换了它们。例如，出现不需要的标签是 regionpercent-0，我使用了以下代码：

var label = document.querySelector('label[for="regionpercent-0"]') !==null;
if (label) {
    var label = document.querySelector('label[for="regionpercent-0"]');
    label.textContent = '{{ region_percent_list[0] }}';
}

其中 region_percent_list[0] 是我想要使用的实际标签的变量名称。

Answer 2

我理解你的挣扎。

列表中的每个项目都使用具有 field_id 和文本属性的标签 class。

然后您可以按如下方式编辑标签字段中的文本：

for i in range(len(regionnames)*len(communitynames)):
    form.regionpercent.append_entry()
    form.regionpercent[i].label.text = 'Region {}'.format(i)  # include this line

显然还有其他变化，但我认为这足以理解逻辑。

对我帮助很大

无法使用 wtforms、append_entry() 和 FieldList(FormField()) 更改动态添加的表单字段的标签

Can't Change Labels for Dynamically-Added Form Fields Using wtforms, append_entry() and FieldList(FormField())

python

flask

wtforms