問題タブ [collection-select]

私はモバイルにいるので、後でコードにアクセスできません。しかし、基本は次のとおりです。自分のサイトでリストを作成/編集するための simple_form があります。特定のパラメータが必要です。モデル内の の存在を検証します。フォームを送信するときに、必要なテキスト ボックスが入力されていない場合、検証は正常に機能し、エラーがポップアップして入力してくださいと表示されます。コレクションの選択のいずれかでボタンが選択されていない場合、何も起こりません。フォームが送信されないため、明らかに検証は機能していますが、エラーはスローされません。ラジオボタンでコレクションを選択したときにエラーを表示する方法についてのアイデアはありますか?

ヘルパー collection_radio_buttons を使用して画像をラベルとして表示しようとしていますが、image_id をモデルに保存して URL を取得できるようにしたいと考えています。これまでのところ、ラジオ ボタンと image_url をラベル。

私がすでに気づいたことは、ラジオ ボタンを 1 回しかクリックできず、オンの状態のままであるということです。

生成された html は次のようになります。

これを正しく設定するにはどうすればよいですか? ラベルを image_tag でラップできますか?

編集

したがって、さらに調査してこれをつなぎ合わせようとした後、画像とラジオボタンをレンダリングできるようになりましたが、画像は、サイズを変更した :small バージョンではなく、carrierwave でアップロードしたデフォルトの画像です。:small バージョンを渡すことはできますか?

b.text は URL を取得します

しかし、次のように、ファイル名の前に fancy_box_array を付けたいと思います。

この新しいコードで生成された html は次のとおりです。

ありがとう

Rails 4.1 アプリでは、ハッシュから読み込まれるコレクションの選択があります。select2 ブーストラップ スタイリングを使用したいのですが、機能していないようです。

select2-rails gemを含め、指示に従ってapplication.jsとapplication.cssを更新しました。

collection_select は、モデルの定数からロードされます。これは特に問題に関連しているとは思いませんが、誰かに役立つ場合に備えてここに追加しました。

レールビュー

アプリ/資産/javascripts/application.js

レンダリングされた html は select2 JavaScript を示し、select は次のように表示されます。

どうすればこれが適切に機能しますか? 実際、クラスを介したすべての選択に対してサイト全体のデフォルトを設定し、個々の ID でスタイルをオーバーライドするオプションも必要です。

これはすべての選択に対してサイト全体で機能すると思いましたが、何もしません。

編集

@Sanの推奨に従って、Javascriptコンソールを確認し、取得しました

これは失敗したコードです

EDIT 2 完全な application.js ファイル

EDIT 3 jQueryは要素OKを見つけています

ログ

編集 - 私が試したこと

• ターボリンクを取り外した
• ページに JavaScript を追加しました
• キャッシュを削除し、レールを再起動しました

私が見つけたもの

• jQueryはタグを見つけることができます
• select2 ライブラリは、js デバッガーのネットワーク タブから読み込まれます。

何か案は？

コース、ユニット、プランの 3 つのモデルがあります。関係は次のようになります。

create_plan ページには、プランの単位を取得するための collection_select があります。ユニットにはタイトルがなく、コースのタイトルを使用します。collection_selectにコースタイトルを表示したい。どうやってやるの？

懸念/モジュールを使用して、デフォルトの _form.html.erb に collection_select タグを使用しようとしています。いくつかの部門名を含むハッシュを設定する必要があります。

ここに私の app/models/concerns/SetDepartment.rb があります

department メソッドを呼び出したいモデルは次のとおりです。

ここで、このハッシュを app/views/applicants/_form.html.erb の collection_select タグに含める必要があります

明らかに、これは機能しませんが、他に何も考えられません。私はインターネットを検索しましたが、難しい説明が得られ、モジュールを含むものはありません...それは可能ですか?