21

有没有办法可以从 python 发送表单的(css)类?例如:

class Company(Form):
    companyName = TextField('Company Name', [validators.Length(min=3, max = 60)])

这会呈现一个简单的文本字段,但我希望该文本字段具有 css 类.companyName,这可能直接来自 python 吗?

我知道我可以id="companyName"直接从 python 中放置一个,但不能放置类。

帮助。

更新:我试过class_="companyName"了,但没有用,我得到了:

__init__() got an unexpected keyword argument '_class'
4

4 回答 4

54

或者,您可以像这样为 jinja2 在模板中添加类:

{{ form.name(size=20, class_='input-small') }}
于 2012-09-28T15:48:57.810 回答
28

WTForms 不允许您在字段初始化中设置显示选项(例如类名)。但是,有几种方法可以解决此问题:

  1. 如果你的所有字段都应该包含一个类名和一个 ID,那么short_name当你渲染它时,只需将每个字段传递给它:

    <dl>
    {% for field in form %}
    <dt>{{field.label}}</dt>
    <dd>{{field(class_=field.short_name)}}</dd>
    {% endfor %}
    </dl>
    
  2. 创建一个提供类名的自定义小部件mixin:

    from wtforms.fields import StringField
    from wtforms.widgets import TextInput
    
    class ClassedWidgetMixin(object):
        """Adds the field's name as a class 
        when subclassed with any WTForms Field type.
    
        Has not been tested - may not work."""
        def __init__(self, *args, **kwargs):
            super(ClassedWidgetMixin, self).__init__(*args, **kwargs)
    
        def __call__(self, field, **kwargs):
            c = kwargs.pop('class', '') or kwargs.pop('class_', '')
            kwargs['class'] = u'%s %s' % (field.short_name, c)
            return super(ClassedWidgetMixin, self).__call__(field, **kwargs)
    
    # An example
    class ClassedTextInput(ClassedWidgetMixin, TextInput):
        pass
    
    class Company(Form):
        company_name = StringField('Company Name', widget=ClassedTextInput)
    
于 2012-07-04T14:59:16.087 回答
10

render_kw如果使用WTForms >= 2.1则使用:

submit = SubmitField(u'Block Submit Buttom', render_kw={"class": "btn btn-primary btn-block"})
于 2016-05-26T11:20:51.423 回答
0

在您的模板中,尝试一下

{{ form.companyName( **{'class': 'companyName'} ) }}
于 2015-02-26T07:26:35.990 回答