2016-06-29 32 views
0

私はselect2-rails gemを使用しています。artist_idsのように複数選択フィールドでselect2を動作させたいのですが、this all-js exampleと同じです。ここでは、私のerbファイルがどのように見えるのですか? jsスクリプトを追加しても効果はありませんでしたが、フォームは同じ方法で読み込まれます。select2の複数選択をレールに挿入するform_for

<%= form_for @event, url: {action: "create"}, html: {class: "nifty_form"} do |f| %> 
    <%= f.text_field :name %><br /> 
    <%= f.datetime_select :date %><br /> 
    <%= f.text_area :description, size: "60x12" %><br /> 
    <%= f.select(
    :venue_id, 
    options_from_collection_for_select(Venue.all, "id", "name") 
) %> 
    <%= f.collection_select :artist_ids, Artist.all, :id, :name, {:selected => @event.artist_ids, include_blank: true}, {multiple: true} %> 
    <br /> 
    <%= f.submit "Create" %><br /> 

    <% content_for :js do %> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#event_artist_ids').select2(); 
    }); 
    </script> 
    <% end %> 
<% end %> 

私はドキュメントの指示に従ってselect2を追加するための通常の手順に従いました。 application.jsに//= require select2行、を*= require select2-bootstrapとapplication.scssに追加しました。

UPDATE:SELECT2はバグものの、作業を開始しているようのPrashantラヴィダルシャンの提案後

、それが見えます。今ではStackOverflowの上で作業Selectセレクトのすべての例はsimple_form_forていると思われるアーティスト

enter image description here

答えて

2

うわー、この

<%= f.select(:artist_ids, Artist.all.collect {|a| [a.name, a.id]}, {}, id: "event_artist_ids", :multiple => true) %> 

<script type="text/javascript"> 
    $("#event_artist_ids").select2(); 
</script> 
+0

ちょっと、ちょっと! select2がうまく動作するようになっていますが、いくつかの問題があります。 OPのスクリーンショットを追加しました。どのような混乱は何について考えている? – sivanes

+0

幅の問題を修正するには、幅:100%を選択してタグを選択します。 –

+1

@sivanes 次の3つの方法があります。私は100%確信していませんが、それらを試してみてください。 1 form_forタグからhtml:{class: "nifty_form"}を削除します 2 - アプリケーションからすべてのjsとcssを削除します。しかし含んのみ application.css以下 * = require_self * = をbootstrap.min必要* =必要SELECT2 * =必要SELECT2、ブートストラップ application.js // = jqueryの // =必要必要jquery_ujsで // = bootstrap.minが必要です //選択が必要です –

1

を選択するための2つの厄介なフィールドをです。何人かは、select2がf.selectを受け入れないので、form_forが機能しないという気持ちを表明しました。私は数時間を使って私の仕事を始めました。そして、私が開いたトピックのすべてを理解しました。どこでも、人々がsimple_form_forに切り替わったときに成功しました。

+0

を試してみてください、私はそれを知って良いことだと思います。私はまだRailsには新しく、最初の主要なプロジェクトで単純な形式から離れようとしていましたが、それ自体の問題があり、標準的なRails形式を使用すると、このような仕組みの理解に役立ちます。一方、 – sivanes

+1

は、gemfileのworkingレール+ select2の例とsimple_formはありませんか? https://github.com/jseifer/rails-select2-example/blob/master/Gemfile – sivanes

+0

@sivanes私はstackoverflowで見たことが話すことができます –

関連する問題