Wtforms, thêm một lớp vào biểu mẫu động

Question

có cách nào tôi có thể gửi một lớp (css) của biểu mẫu từ trăn không? Ví dụ:

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

này ám một trường văn bản đơn giản, nhưng tôi muốn rằng trường văn bản để có lớp css của .companyName, là có thể trực tiếp từ python?

Tôi biết rằng tôi có thể đặt id="companyName" trực tiếp từ python, nhưng không phải lớp học.

Trợ giúp.

Cập nhật: tôi đã cố gắng class_="companyName" và nó đã không làm việc, tôi đã nhận:

__init__() got an unexpected keyword argument '_class' 

Answer 1

WTForms không cho phép bạn thiết lập tùy chọn hiển thị (ví dụ như tên lớp) trong lĩnh vực khởi. Tuy nhiên, có một số cách để làm được việc này:

1. Nếu tất cả các lĩnh vực của bạn nên bao gồm một tên lớp cũng như một ID sau đó chỉ cần vượt qua trong từng lĩnh vực của short_name đến nó khi bạn làm cho nó:

   <dl> 
   {% for field in form %} 
   <dt>{{field.label}}</dt> 
   <dd>{{field(class_=field.short_name)}}</dd> 
   {% endfor %} 
   </dl> 
   

2. Tạo một mixin custom widget cung cấp tên lớp:

   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) 
   

Answer 2

Hoặc bạn có thể thêm các lớp trong mẫu của bạn như thế này cho jinja2:

{{ form.name(size=20, class_='input-small') }} 

Answer 3

Trong mẫu của bạn, hãy thử nó

{{ form.companyName(**{'class': 'companyName'}) }} 

Answer 4

Sử dụng render_kw nếu sử dụng WTForms >= 2.1:

submit = SubmitField(u'Block Submit Buttom', render_kw={"class": "btn btn-primary btn-block"})