Select2 プラグインを使用して、Ransackの選択ボタンのスタイルを設定しようとしています。

それは次の生成と HTML 出力です。

しかし、どういうわけかattribute_fields、IDに割り当てる方法が見つかりません'select'

私は何が欠けていますか？

select 2 gemを使用しているレールアプリに取り組んでいます。select 2 は機能していますが、関数のデータ部分に正しいデータを入力できるようにする必要があります。そのためには、MagazineStation というオブジェクトを反復処理したいと考えています。いろいろ試してみましたが、うまくいきません。したがって、関数のデータ部分では、ID と名前を入力して、ruby を使用して MagazineStation オブジェクトを反復処理したいと考えています。

http://ivaynberg.github.io/select2/#documentationによると、私の入力フィールドは本来あるべきようには見えません。

Bootstrap または select2 スタイルが入力フィールドに適用されないだけでなく、ここでラベルとフォームの奇妙な重複動作が発生しています。

私の根拠のない問題は、Bootstrap が適切に登録されていないか、select2 と通信していないことです。

app/views/characters/_form.html.haml

キャラクター.js.コーヒー

アプリケーション.js

アプリケーション.css.scss

*= select2-bootstrap回線が正常に動作しているかどうかを確認するにはどうすればよいですか? bootstrap-sassベンダー アセット フォルダーにコピーされたライブラリではなく、gemを使用しています。

gemfile

この問題を抱えている人のスレッドは見つかりませんでした。すべてのチュートリアルでは、適切な DOM 要素に単純な.select2()メソッドを適用するように単純に説明されていますが、取得する必要があるスタイルが取得されていません。

ユーザーに注文フォームのアイテム テーブルから既存のアイテムを検索してもらいたいのですが、クライアントでは機能しますが、アイテムでは機能しません。エラーが発生します: Association :item not found

モデル

移行

意見

コントローラ

答え

フォームでは代わりに次を使用します: using rails-select2 gem

またはselect2なし

JKen13579に感謝

以下のselect2の動作が非常に奇妙になるコードの何が間違っていますか?

1）私が持っているものではなく、ここの例のようにフォームを表示したい. 例: http://ivaynberg.github.io/select2/index.html#basics

2) データを POST して正しく保存したいのですが、データベースに保存されません。

（右クリックして「画像を表示」を選択して拡大してお読みください。）

select2 API の指示に従いました。 https://github.com/argerim/select2-rails

問題は、gem の競合、ブートストラップの競合、または使用している Rails フォーム ヘルパーから発生しているのでしょうか?

これらのスレッドも見ましたが、解決策がわかりませんでした。

外部jsonを選択ボックスにプリロードし、検索後に特定の結果を取得する

Select2 initSelection

Select2 は name 属性を作成しません

以下のように新規購入を作成したい場合、名前と価格の入力を差し替えたいと思います。

名前の入力については、選択した製品の ID を (製品テーブルから) 保存するコレクションが必要です。

価格入力に関しては、上記で選択した商品の価格を表示し、その価格を購入テーブルに保存したいと思います。

関係とそれらをフォームにコーディングすることは、時々私を混乱させます。

モデルは次のように設定する必要があると思います。

次に、購入で product_id 列を作成します。これが正しい場合、コレクション コードを作成し、(コレクション内の) 選択したアイテムの価格をフォームに出力するにはどうすればよいですか?

関係のコードを書くことは、私が行き詰まるところです。

rails-select2ジェムも使いたいです。

select2 gemを使用してレールフォーム入力フィールドに入力しようとしています。私はまた、そのフィールドでacts-as-taggable-on gemを使用しています。

select2 のデータとして、データベースからのリモート データを使用しています。このコレクションには、id と name の 2 つのフィールドがあります。正常に動作しますが、フォームを送信すると、ID が名前のように扱われます。例：

「牛乳」を選んだとしましょう。ID は 5 です。次に、「5」が処理されます。プログラムはタグでタグ「5」を探しますが、見つからず、新しい ID で「5」という名前の新しいタグを作成します。これを変更するにはどうすればよいですか？

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 デバッガーのネットワーク タブから読み込まれます。

何か案は？

タグ付けのselect2 例でvalueは、開発者は対応する要素の を動的に生成しましたinput(#e12)。ユーザーがオプションを選択または選択解除するたびvalueに、入力の が即座に変更されます。

textarea要素に対して同じことをしたい。ただし、例に示すようにタグを追加すると、value動的textareaに変更されます。

完全な JS はこのパスティにあります: http://pastie.org/private/0uhoyqiqauhcx40av5j68g

textarea動的に更新されるvalueフィールドを取得するにはどうすればよいですか?