Comment ajouter des données d'attribut dans les Rails forme balise select?

J'ai trouvé ce Bootstrap Sélectionnez projet et de ses le gem pour les Rails. Je veux implémenter la recherche dans la balise select.

- Je faire inspecter l'élément et voici le code source HTML:

<select class="selectpicker" data-live-search="true">
  <option>Hot Dog, Fries and a Soda</option>
  <option>Burger, Shake and a Smile</option>
  <option>Sugar, Spice and all things nice</option>
</select>

Comment puis-je ajouter data-live-search="true" à l'intérieur de mon formulaire balise select?

Mon formulaire, sélectionnez:

<%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker"} %>

Ce que j'ai essayé:

<%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker", data: "live-search"} %>

Mais cela ne fonctionne pas.

  • Avez-vous essayé {class: "form-control selectpicker", "data-live-search" => "true" }?
  • Ou, data: { 'live-search' => 'true' }.
  • {class: "form-control selectpicker", "data-live-search" => "true"} de travail. Mais la recherche n'est pas d'aujourd'hui. Bizarre.
  • Qu'est-ce que la recherche de la partie?
  • Maintenant j'ai ceci: <select class="form-control selectpicker" data-live-search="true" name="order[foods_orders_attributes][0][food_id]" id="order_foods_orders_attributes_0_food_id"><option selected="selected" value="7">Nasi Ayam</option> <option value="9">Kebab</option></select> Mais cela ne fonctionne pas.
  • Ce qui est exactement pas de travail?
  • J'ai ce helper: gist.github.com/anonymous/f0d0666b9ef543ec1ffa. La fonctionnalité de recherche ne fonctionne que sur les enregistrement enregistré. Mais lorsque j'essaie d'ajouter un nouvel enregistrement, il ne fonctionne pas. Voir ce - i.imgur.com/h6NAE9O.gif // les Deux sauvés & nouveau select balise le data-live-search="true".
  • je suppose que vous devriez reinitialize votre js, parce que c'est l'élément nouveau et selectpicker pas initialisé pour elle.
  • Comment faire de l'homme?
  • essayez-la dans le navigateur de la console après l'ajout de la première entrée comme dans votre écran d' i.imgur.com/h6NAE9O.gif, exécuté dans le navigateur de la console $('.selectpicker').selectpicker(); et vérifier de nouveau, laissez-moi savoir si cela fonctionne.
  • Elle fonctionne. Ok, que dois-je faire maintenant?
  • Laissez-nous continuer cette discussion dans le chat.

InformationsquelleAutor Zulhilmi Zainudin | 2015-08-13
  1. 24

    Essayer:

    {class: "form-control selectpicker", "data-live-search" => "true" }
    • Merci mec! Il est des œuvres.
    • Merci beaucoup. Après une journée à la recherche, elle n'en résout mon problème! 😉
    InformationsquelleAutor Зелёный
  2. 9
    <%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker", data: {"live-search": true}} %>
    • je downvote , ce n'est pas votre réponse.
    • Je vote, parce que c'est une réponse complète avec le bon exemple, et pas seulement quelques éléments de code
    InformationsquelleAutor un_gars_la_cour
  3. 1
      <%= f.select(:plan_id, {},{}, {'v-model'=>"plan_id",'@change'=>"onChange", class: "form-control"}) do  %>
<% Plan.all.each do |plan| %>
    <%= content_tag(:option,"#{plan.name.upcase} #{plan.max_items}  #{number_to_currency(plan.price)}", value:plan.id, :data => {items: plan.max_items, price: plan.price}) %>
<% end%>
<% end%>
    InformationsquelleAutor gilcierweb