¿Usar form_for de Rails pero establecer clases personalizadas, atributos en el elemento <form>?

91

form_forparece ignorar cualquier atributo 'extra' como un data-fooatributo o classpasado como optionsen su segundo argumento.

= form_for @user, {:url => 'foo', :class => 'x', 'data-bar' => 'baz' } do |f|
  # ...

La salida es una <form>etiqueta sin xclase ni data-baratributo.

¿Cuál es la solución?

O, ¿cómo puedo tomar una FormBuilderinstancia sin usar form_for?

ruby-on-rails ruby-on-rails-3 Alan H.
fuente

Respuestas:

194

Usa el :htmlhash: 

= form_for @user, :html => {:class => 'x', 'data-bar' => 'baz'} do |f|

O

= form_for @user, html: {class: 'x', data: { bar: 'baz' } } do |f|
MurifoX
fuente
1
He descubierto que esto no funciona: = form_for @user, :html => {'class' => 'x'} do |f|. classdebe ser un símbolo en lugar de una cadena.
Trantor Liu
11

Rails 4.0.3, Ruby 2.1.0p0 -> esto funcionó para mí => 

<%= form_for(@contact, :html => {:class => 'form_height'}) do |f| %><% if     @contact.errors.any? %>
zero_cool
fuente
4

Tuve el mismo problema, pero me sorprendió que otro formulario en otra parte de mi aplicación funcionara bien.

Me di cuenta de que había agregado accidentalmente un form_for dentro de otro formulario_for que una vez eliminado solucionó el problema.

En segundo lugar, debo agregar que esta sintaxis me funciona en Rails 4.2:

<%= form_for @type, html: {class: "form-horizontal"} do |f| %>

Lo encuentro preferible a la sopa de puntuación de las otras respuestas aquí (que quizás se basaron en una versión anterior de Rails).

MSC
fuente
1

En la mayoría de los ayudantes, el último argumento es un hash de opciones html para el elemento.

= form_for @user, :html => {:class => 'x', 'data-bar' => 'baz'} %>

También puede consultar otras alternativas en la documentación ActionsView :: Helpers :: FormHelper

felipeclopes
fuente
1

Intenté lo anterior sin suerte, pero encontré una solución. Estoy usando rieles 4.1.6.

Esto no funcionó

= form_for @user, :html => {:class => 'x', 'data-bar' => 'baz'} %>

Esto hizo

= form_for @user, html: {:class => 'x', 'data-bar' => 'baz'} %>

note la diferencia con la opción html, espero que esto ayude

doz87
fuente
3
¿Wow en serio? esos deberían ser exactamente equivalentes. ¿Puedes reproducir esto? ¿Qué versión de Ruby estás usando?
Alan H.
@Alan H. Usando Ruby 2.1.3p242 = form_for(:user, :url => login_path, html: {:class => 'login_form'}) do |f| %> Esta era la única forma en que mi código aplicaría la clase, de lo contrario, simplemente la ignoraba.
doz87
Esas dos líneas son exactamente idénticas. ¿Supongo que olvidó guardar en el medio?
nathanvda
Lo sé, deberían serlo. Sin embargo, para mí simplemente no estaba funcionando. Ahorrar no era el problema.
doz87