L'ajout d'un Twitter Bootstrap bouton icône pour button_to dans les Rails

Je suis en train de travailler à travers les Agile de Développement Web avec des Rails livre, mais j'ai été en utilisant Twitter Bootstrap à la place de la coutume le style du livre. J'ai de la difficulté ajout d'une icône à travers GLyphonics à la button_to méthode. Mon code ressemble à ceci:

<%= button_to <i class="icon-search icon-white">Add To Cart</i>, 
              line_items_path(product_id: product), 
              class: "btn btn-success" %>

J'ai essayé quelques variations mais ne semble pas possible de l'obtenir pour fonctionner correctement.

savez-vous si l'un des Twitter Bootstrap CSS est en train de travailler? Ma conjecture est que c'est un chemin de fichier en question, peut-être le glyphicon n'est pas dans le bon dossier. Si vous faites juste du pur HTML, pas de Ruby, le spectacle suivant, l'icône de recherche?: Add To Cart

InformationsquelleAutor maddiedog | 2012-05-06

ruby-on-rails twitter-bootstrap

8

Il semble que vous avez un problème avec vos citations:
```
<%= button_to raw("Add To Cart"), 
 line_items_path(product_id: product), 
 class: "btn btn-success" %>
```
Placez l'étiquette de la touche de guillemets, d'échapper à la double quotes dans votre i étiquette, et enfin, tout envelopper dans un raw() appel pour assurer le code HTML s'affiche correctement.

Alternativement, vous pouvez utiliser html_safe:
```
<%= button_to "Add To Cart".html_safe, 
 line_items_path(product_id: product), 
 class: "btn btn-success" %>
```
bon point de @jordanpg: vous ne pouvez pas avoir de code HTML dans la valeur d'un bouton, de sorte que sa solution est la plus appropriée et devrait obtenir le statut approuvé.
le html_safepartie reste valable si.
- AHH! C'était le problème. Je pensais que c'était quelque chose en rapport avec ça, mais je viens de faire le mal. Merci un tas de Pierre.
- Aucune de ces solutions ne fonctionne.
- Ce n'est pas un travail pour moi sur les Rails 3.2.8
- Cette réponse est faux et ne fonctionne pas. @jordanpg la réponse ci-dessous est la bonne.
- Ne fonctionne PAS. Je suis à l'aide de Rails 4.2.6 et testé les deux premières() et .html_safe et aucun d'entre eux travaillaient.
InformationsquelleAutor Pierre
57

Je ne suis pas sûr de savoir comment les OP eu que cela fonctionne, mais les Rails button_to génère un <input type='submit' /> élément, qui ne permettent pas de HTML dans le champ de valeur.

Voir aussi: input type="submit" Vs balise button sont-ils interchangeables?

La meilleure solution dans ce cas consiste à force link_to à METTRE (ou POST):
```
<%= link_to raw("Add To Cart"), 
 line_items_path(product_id: product), 
 class: "btn btn-success",
 method: :put %>
```
- Ce ^^^ est-ce la bonne réponse. Pas une OP accepté.
- Sauf lorsque nous parlons d'un lien/bouton pour le supprimer. Nous avons besoin d'un bouton pour SOUMETTRE le code HTML de la méthode de travail. stackoverflow.com/questions/4606860/...
- Ce doit être la accepté de répondre.
- Le button_to méthode est préférable de link_to. Les raisons sont expliquées ici. Voir ma réponse sur comment l'utiliser avec une icône.
InformationsquelleAutor jordanpg
22

Vous pouvez ajouter l'icône de l'élément enfant:
```
<%= button_to button_path, method: :delete do %>
 
<% end %>
```
- Le passage d'un bloc à button_to ne fonctionne qu'avec des rails >= 4.x
- C'est exactement ce que je cherchais. Merci beaucoup.
InformationsquelleAutor DanT
6

À l'aide de matières() ou #html_safe n'a toujours pas de travail pour moi.

Je suis en utilisant une méthode d'aide à la création d'un button_to drapeau de contenu. Fini à l'aide de la suite dans ma méthode d'assistance (chemin d'accès est défini à l'avance):
```
form_tag path, :method => :post do
  button_tag do
    content_tag :i, 'Flag as inappropriate', :class => 'icon-flag flag_content'
  end
end
```
InformationsquelleAutor Elle
5

J'ai utilisé celui-ci et il fonctionne très bien pour moi :
```
<%= link_to(line_items_path(product_id: product),
 method: :put,
 class: 'btn btn-success') do %>
 <%= content_tag('i', nil, class: 'icon-search icon-white') %> Add To Cart
<% end %>
```
Espère que cette aide
- travail de réponse, mais le fichier en question est décrit dans les commentaires, c'est probablement plus la cause
- Note: cette réponse ne fonctionne qu'avec JavaScript activé. Si le navigateur a JavaScript désactivé, le lien sera appelée par la méthode GET.
InformationsquelleAutor Pascal Luxain

Je me sers de ce helper:

module ApplicationHelper
  def glyph(*names)
   content_tag :i, nil, class: names.map{|name| "icon-#{name.to_s.gsub('_','-')}" }
  end
end

Exemple:

glyph(:share_alt)
=> <i class="icon-share-alt"></i>

glyph(:lock, :white)
=> <i class="icon-lock icon-white"></i>

InformationsquelleAutor Juan Seijas

À l'aide de Rails 4 et Bootstrap 3, voici comment créer un bouton supprimer à l'aide de link_to ou button_to.

Remarque que je suis en utilisant Haml au lieu de Erb.

De votre point de vue:

- @users.each do |user|
  = link_to content_tag(:i, ' Delete', class: "glyphicon glyphicon-trash"),
    users_path(user),
    class: "btn btn-danger",
    method: :delete,
    data: { confirm: "Delete user #{user.username}?" }

Vous pouvez également remplacer le content_tag partie avec

raw('<i class="glyphicon glyphicon-trash"> Delete</i>'),

InformationsquelleAutor Dennis

Ce travail pour moi, (et avec message de confirmation)

<%= button_to "/home/delete?cardId="+card.id.to_s, data: { confirm:'Are you sure you want to delete?' }  do %>
    <i class="fa fa-times"></i>
<% end%>

cette générer

<form class="button_to" method="post" action="/home/delete?cardId=15">
 <button data-confirm="Are you sure you want to delete?" type="submit">
    <i class="fa fa-times"></i>
 </button>
</form>

InformationsquelleAutor Matias Sanchez

Vous devez vous connecter pour publier un commentaire.