如何在Python WTForms库中使用Bootstrap工具提示?

时间:2014-12-03 12:15:53

标签: python twitter-bootstrap flask jinja2 wtforms

我正在使用(真棒)Flask frameworkWTForms plugin建立网站。我现在想要在输入字段(Bootstrap tooltip)的焦点上使用显示working fiddle here,但为此我必须为输入标记提供data-toggletitle属性如下:

<input data-toggle="tooltip" title="tooltip on focus!" type="text" placeholder="Focus me!" name="thename"/>

所以我只是将它们添加到表达式中:

{{ form.plotting_value(title='tooltip on focus!', data-toggle='tooltip', class='form-control') }}

title属性没有问题,但data-toggle会导致

  

TemplateSyntaxError:函数调用表达式的语法无效

有人知道如何使用WTForms将data-toggle添加到输入字段吗?

1 个答案:

答案 0 :(得分:4)

Python不喜欢连字符,你可以给它一个字典:

{{ form.example(**{'data-toggle': 'tooltip'}) }}

或者,wtform将有用地将下划线解码为连字符:

{{ form.example(data_toggle: 'tooltip') }}