Come impostare un attributo ID CSS a un input di modulo Symfony2

Question

Questa domanda è simile a another question. Ci the solution per l'impostazione della classe CSS è stato quello di aggiungerlo nel terzo parametro di una chiamata a FormBuilder :: add():

->add('title', null, array('attr' => array('class'=>'span2'))) 

Purtroppo, questo non funziona per l'impostazione della id CSS. Quando faccio

->add('title', null, array('attr' => array('id'=>'title-field'))) 

... questo è ignorato. L'ID rimane qualcosa come namespace_formtype_field.

Come posso impostare l'ID CSS, se non del tutto?

Answer 1

Sono convinto che non ci sia una risposta facile. Il più vicino sembra infatti modificare il markup usando form theming. Grazie Michi per indicare in questo modo.

Answer 2

Poiché un elemento HTML non può avere più ID, ciò che si sta tentando di realizzare non è possibile perché Symfony utilizza già gli ID sugli elementi del modulo.

Il modo per risolvere questo sarebbe quello di cambiare il vostro supporto JavaScript per utilizzare classi invece e utilizzare

->add('title', null, array(
    'attr' => array(
     'class'=>'title-field' 
    ) 
)) 

L'altro modo è quello di cambiare il tuo ID JavaScript utilizza per quelli Symfony.

Answer 3

A livello ramoscello, si può semplicemente fare questo:

{{ form_widget(form. title, { 'id': 'title-field' }) }}

provata su Symfony 2.3.4

Answer 4

È possibile farlo quando si esegue il rendering il vostro campo in ramoscello, se si imposta il proprio ID al di fuori della matrice 'attributes' in questo modo:

{{ form_widget(form.field, { 'id': 'my_custom_id', 'attr': { 'class' : 'my_custom_class }})}}