Wtforms, aggiungere dinamicamente una classe a un modulo

Question

c'è un modo per inviare una classe di un modulo (css) da python? Per esempio:

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

Ciò rende un campo di testo semplice, ma voglio che campo di testo per avere la classe CSS di .companyName, è che possibile direttamente da Python?

So che posso inserire uno id="companyName" direttamente da python, ma non dalla classe.

Help.

Aggiornamento: ho provato class_="companyName" e non ha funzionato, ho ottenuto:

__init__() got an unexpected keyword argument '_class' 

Answer 1

WTForms non consente di impostare le opzioni di visualizzazione (come il nome della classe) nel campo di inizializzazione. Tuttavia, ci sono diversi modi per aggirare questo:

1. Se tutti i campi dovrebbe includere un nome di classe, nonché un ID poi basta passare in ogni campo di short_name ad esso quando si esegue il rendering è:

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

2. Creare un custom widget intermedia che fornisce il nome della classe:

   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

In alternativa è possibile aggiungere la classe nel modello come questo per Jinja2:

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

Answer 3

Nel modello, provare

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

Answer 4

Usa render_kw se si utilizza WTForms >= 2.1:

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