私は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ていると思われるアーティスト
ちょっと、ちょっと! select2がうまく動作するようになっていますが、いくつかの問題があります。 OPのスクリーンショットを追加しました。どのような混乱は何について考えている? – sivanes
幅の問題を修正するには、幅:100%を選択してタグを選択します。 –
@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が必要です //選択が必要です –