python - 如何在 WTForms 中呈现可变长度的 FieldList?
问题描述
我正在尝试制作一个表格来填充日历。日历可以是五天或七天,我想将天数作为参数传递给表单。我的表单定义如下:
class LoadForecastForm(Form):
def __init__(self, n_days, *args, **kwargs):
self.n_days = n_days
super(LoadForecastForm, self).__init__(*args, **kwargs)
self.day_values = FieldList(SelectField('Day Values', coerce=str, choices=[('low', 'Low'), ('medium', 'Medium'), ('high', 'High'), ('holiday', 'Holiday')]), min_entries=n_days, max_entries=n_days)
self.send = SubmitField('Send Calendar')
它是这样渲染的:
<form role="form" action="" method="POST">
{{ form.hidden_tag() }}
<div class="form-group row">
{% for field in form.day_values %}
<div class="col-sm-2">
<div class="form-group{% if field.errors %} error {% endif %}">
{% if label %}
{{ field.label }}
{% endif %}
{{ field(**kwargs) }}
{% for error in field.errors %}
<span class="help-inline">[{{error}}]</span><br>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{{ form.send }}
表单页面无法呈现;回溯以:
File "project/populate_schedule.tpl.html", line 25, in block "page_content"
{% for field in day_values %}
TypeError: 'UnboundField' object is not iterable
n_days
以前是硬编码的,字段被定义为没有__init__()
函数的类变量,也没有错误。如何以编程方式正确定义字段?我正在使用 Python 2.7。
解决方案
您需要将字段定义保留在类主体中,否则它们将不会随着类的构建而被拾取。初始化表单实例时,您可以将最大/最小条目值应用于字段列表。
class F(Form):
day_values = FieldList(SelectField('Day Values',
coerce=str,
choices=[('low', 'Low'), ('medium', 'Medium'),
('high', 'High'), ('holiday', 'Holiday')]))
send = SubmitField('Send Calendar')
def __init__(self, *args, **kwargs):
ndays = kwargs.pop('n_days')
super(F, self).__init__(*args, **kwargs)
self.day_values.min_entries = n_days
self.day_values.max_entries = n_days
测试:
n_days = 4
f = F(n_days=n_days)
for x in range(n_days):
f.day_values.append_entry()
for field in f.day_values:
print field()
print
输出:
<select id="day_values-0" name="day_values-0"><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option><option value="holiday">Holiday</option></select>
<select id="day_values-1" name="day_values-1"><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option><option value="holiday">Holiday</option></select>
<select id="day_values-2" name="day_values-2"><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option><option value="holiday">Holiday</option></select>
<select id="day_values-3" name="day_values-3"><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option><option value="holiday">Holiday</option></select>
推荐阅读
- javascript - this.getElementById 不是函数
- node.js - 有没有更好的方法在打字稿中编写这种递归方法
- javascript - Web Worker 中的解构赋值导致错误“_slicedToArray 未定义”
- sql-server - How to remove Azure MSSQL audit logs
- tensorflow - Keras 2 如何聚合自定义指标的结果?
- c# - OData .net Core 使用 SSL 卸载时如何在每个链接中设置 HTTPS
- php - 如何在laravel中删除涉及图像的多条记录
- javascript - testcafe firefox允许自动播放
- prolog - Prolog遍历列表并通过将列表中的所有奇数加倍来将奇数变为偶数
- .net - 单元测试 AppContext 开关