如何使用 Materialise 和 WTForms 设置单选按钮？

Question

在 Materialize 中，您使用属性 name 定义单选按钮的单选组，但 Flask-WTForms 将输入与属性 name 绑定。

如果我的模板中有以下内容：

{{ form.radio1(type='radio', name='group1') }}
{{ form.radio2(type='radio', name='group1') }}

会有错误：

TypeError: html_params() got multiple values for keyword argument 'name'

如果我们不添加名称，收音机将无法像预期的那样像复选框一样工作。

我该如何解决这个问题？

这是我的表单类：

class AbcForm(FlaskForm):
    field1 = HiddenField('Field1')
    field2 = HiddenField('Field2')

然后在运行时我会动态添加收音机，这里有一个简化：

class F(AbcForm):
    pass

    setattr(F, radio1, BooleanField('Radio1')
    setattr(F, radio2, BooleanField('Radio2')

form = F(field1=x, field2=y)

Answer 1

您不能在您的字段中设置name 属性，wtforms 已经为您完成了。

使用 RadioField 代替 HiddenField：

from wtforms import RadioField
from flask_wtf import Form

class YourForm(Form):
    radio_group = RadioField('label', choices=[('value','description'),('value_two','some other description')])
    (...)

然后，在您的端点中：

@route('/your/route')
def your_endpoint():
    your_form = YourForm()
    (...)
    return render_template('/your/template.html', form=your_form)

最后，在您的模板中：

<form action="#">
    {% for subfield in form.radio_group %}
    <p>
        {{ subfield }}
        {{ subfield.label }}
    </p>
    {% endfor %}
</form>

这会生成以下代码：

  <form action="#">
    <p>
      <input id="radio_group-0" name="radio_group" type="radio" value="value">
      <label for="radio_group-0">description</label>
    </p>
    <p>
      <input id="radio_group-1" name="radio_group" type="radio" value="value_two">
      <label for="radio_group-1">some other description</label>
    </p>
  </form>

如果模板中包含了具体化，它将正确呈现单选按钮，如this plunker 所示。