Wtforms, agregue una clase a un formulario dinámicamente

Question

¿hay alguna manera en que podría enviar una clase de formulario (css) de python? Por ejemplo:

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

Esto hace que un campo de texto simple, pero quiero que tiene campo de texto para la clase CSS de .companyName, es que es posible directamente desde Python?

Sé que puedo poner un id="companyName" directamente desde python, pero no la clase.

Ayuda.

Actualización: He intentado class_="companyName" y no funcionó, lo tengo:

__init__() got an unexpected keyword argument '_class' 

Answer 1

WTForms no permite definir las opciones de visualización (como nombre de la clase) en el campo de la inicialización. Sin embargo, hay varias maneras de evitar esto:

1. Si todos los campos deben incluir un nombre de clase, así como una identificación a continuación, sólo tiene que pasar en cada campo de short_name a ella cuando se la procesa:

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

2. Crear un mixin custom widget que proporciona el nombre de clase:

   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

alternativa, se puede añadir la clase en su plantilla como esto para Jinja2:

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

Answer 3

En su plantilla, probarlo

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

Answer 4

Uso render_kw si se utiliza WTForms >= 2.1:

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