11

Bu Bootstrap Select projesini ve gem for Rails numaralı telefonu buldum. Seçim etiketinde arama uygulamak istiyorum. Ben benim form seçme etiketi içinde data-live-search="true" nasıl eklerimRails form select etiketinde veri niteliği nasıl eklenir?

<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> 

:

Burada öğeyi denetle yapmak ve HTML kaynağıdır? Ben denedim ne

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

:

<%= 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"} %> 

Ama işe yaramıyor

My formu seçin.

+0

denedin '{sınıfı: "form-kontrol selectpicker", "veri-canlı-arama"=> "true"}'? –

+0

Veya, 'data: {' live-search '=>' true '} '. –

+0

'{class:" form-kontrol selectpicker "," data-live-search "=>" true "}' çalışma. Ama arama kısmı şu an çalışmıyor. Tuhaf. –

cevap

17

Dene:

{class: "form-control selectpicker", "data-live-search" => "true" } 
+0

Teşekkürler dostum! Bu çalışıyor. –

+0

Çok teşekkürler. Bir gün aradıktan sonra problemimi çözer! ;) –

4
<%= 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}} %> 
+0

İndirme, cevabınız bu değil. –

+0

Ben oy, çünkü doğru örnek tam bir cevaptır, sadece bazı kısmi kod değil – gshilin

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%> 
İlgili konular