python - WTForm : FieldList with SelectField, 如何渲染？

Question

我有这个订单表格，允许我的用户创建订单。一个订单由 (producetype, quantity) 的多个元组组成. Producetype 应在 <select> 中呈现形式而数量可以只是一个输入。 producetype 的选择应该动态添加，因为它可能会改变。目前，我已经用纯 html 编写了这个

我想为此使用 WTForm，因为 WTForm 确实简化了我的代码。但是，我无法这样做:

代码:

class OrderEntryForm(Form):
  quantity = IntegerField('Quantity',
                          [validators.Required(), validators.NumberRange(min=1)])
  # we will be dynamically adding choices
  producetype = SelectField('Produce',
                            [validators.Required()],
                            choices=[])

class OrderForm(Form):
  name = TextField('Crop', [validators.Length(min=3, max=60)])
  due_date = DateField('Due Date', [validators.required()])
  order_entries = FieldList(FormField(OrderEntryForm))

我有以下问题:

1. 如何动态地向 order_entries 添加选项OrderForm 的字段？
2. 如果我有订单，order = { name:hello, due_date:2014-06-18, order_entries:[ {producetype_id: 1, quantity: 2}, {producetype_id: 3, quantity: 4}] } , 如何填充我的 OrderForm右边OrderEntryForm值(value)观？

Answer 1

How can I dynamically add choices to the order_entries field of the OrderForm

这取决于你的意思

如果你的意思是你想在渲染后向表单添加行项目。您必须使用 DOM 操作在客户端添加这些。 WTForms 有一个命名约定，用于处理表单字段上的索引。它只是name="<form-field-name>-<index>" .如果您使用遵循此约定的 javascript 添加名称，WTForms 将知道如何在后端处理它。

如果你的意思是你想要一个动态选择列表，那么你可以迭代 FieldList在其实例化后的形式中。您可以分配 choices任何可迭代的 2 元组。在下面的示例中，我直接分配它们，但它们可以很容易地从存储中检索。

order_form = OrderForm()
for sub_form in order_form.order_entries:
    sub_form.producetype.choices = [('2', 'apples'), ('2', 'oranges')]

how can populate my OrderForm with the right OrderEntryForm values?

您可以使用 obj 将对象直接绑定(bind)到表单关键字参数。 WTForms 足够智能，可以根据对象的属性动态构建表单。

from wtforms import Form, IntegerField, SelectField, TextField, FieldList, FormField
from wtforms import validators
from collections import namedtuple

OrderEntry = namedtuple('OrderEntry', ['quantity', 'producetype'])
Order = namedtuple('Order', ['name', 'order_entries'])

class OrderEntryForm(Form):
  quantity = IntegerField('Quantity',
                          [validators.Required(), validators.NumberRange(min=1)])
  # we will be dynamically adding choices
  producetype = SelectField('Produce',
                            [validators.Required()],
                            choices=[
                                (1, 'carrots'),
                                (2, 'turnips'),
                            ])

class OrderForm(Form):
  name = TextField('Crop', [validators.Length(min=3, max=60)])
  order_entries = FieldList(FormField(OrderEntryForm))

# Test Print of just the OrderEntryForm
o_form = OrderEntryForm()
print o_form.producetype()

# Create a test order
order_entry_1 = OrderEntry(4, 1)
order_entry_2 = OrderEntry(2, 2)

order = Order('My First Order', [order_entry_1, order_entry_2])

order_form = OrderForm(obj=order)

print order_form.name
print order_form.order_entries

上面的例子创建了一个样本 Order并将其提供给 obj关键词。在渲染时，这将生成以下内容(无样式):