ruby-on-rails - link_to - rails button link

Ruby on Rails-link_to button/css

Question

Ok, me estoy enseñando a mí mismo RoR mientras desarrollo una interfaz simple de API y web. He estado siguiendo una serie de guías y probando diferentes resultados. Me he burlado de algunas plantillas HTML y estoy en el proceso en el que estoy empezando a desglosarlas en vistas.

En mi HTML tengo el siguiente código, que es un botón con estilo CSS:

 <input type="submit" name="" value="Add" id="open-contacts-dialog-btn" class="inbox-sf-add-btn tip" title="Open an dialog to add a new contact"/>  

Este es mi botón en mi panel que me gustaría vincular a / book / new / , sé que necesito un link_to aquí, pero ¿cuál sería mi código final? El código que he intentado es el siguiente

<%= link_to "Add", new_admin_course_path, :id=>"open-contacts-dialog-btn", :class=>"inbox-sf-add-btn tip" %>

Pero no agrega mi estilo CSS, solo genera el texto "Agregar". Cualquier ayuda sería útil. Gracias

Answer 1

Hace poco tuve que hacer esto porque mi formulario estaba actuando de forma diferente para el enlace_de lo que era con el botón_para y necesitaba la funcionalidad que proporcionaba el enlace. La mejor solución que encontré no usa CSS en absoluto, sino que llama a .html_safe para escapar del html en el código Ruby y mostrar correctamente el enlace como un botón. Lo que quieres hacer es esto:

<%= link_to "<button>Add</button>".html_safe, new_admin_course_path, :id=>"open-contacts-dialog-btn", :class=>"inbox-sf-add-btn tip" %>

Answer 2

link_to genera una etiqueta <a> , que no es input type="submit" . Lo que debe usar debe ser un button_to , que genera un formulario con un input type="submit" botón input type="submit" al enlace:

<%= button_to "Add", new_admin_course_path, :id => "open-contacts-dialog-btn",
      :class => "inbox-sf-add-btn tip", :method => :get %>

Tenga en cuenta que :method => :get . Sin él, el button_to generará un formulario con el método configurado para publicar.

Answer 3

Pero no agrega mi estilo de CSS
¿Qué quieres decir? Se genera el enlace ( a elemento) con las clases inbox-sf-add-btn y tip , ¿verdad? ¿Entonces, cuál es el problema?

Si desea el botón estrictamente (elemento de input lugar de a ), puede especificar /book/new (o <%= new_admin_course_path %> ) en el atributo de action de su formulario html (elemento de form ).