問題タブ [select2-rails]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Simple_form カスタム入力
次のコード行があります。
私が頼りたいのは
simple_form でカスタム入力を使用します。どうすればこれを達成できますか? これまでのところ、私は持っています：
ruby-on-rails - 選択ボックスに少なくとも 1 つの文字が表示されるまで、ドロップダウン メニューを表示しない
「select2-rails」gemを含めて select 2 jqueryプラグインを使用しています。
動作させるために行った唯一の変更は、html ページの読み込み時にプラグインを初期化することです。
次に、ビュー ファイルの select_tag 入力に e2 値を割り当てました。
ユーザーが入力をクリックすると、ユーザーが選択できるオプションを含むドロップダウン リストが自動的に表示されます。ドロップダウン リストが表示される前に (Chrome ブラウザーのように) ユーザーが最初に入力を開始した方が、はるかに優れていると思いました。
ドキュメントを確認しましたが、そのために役立つものは何も見つかりませんでした。私が見逃しているものがあるに違いないと確信しています。何か案が？
ruby-on-rails-4 - Rails 4.1 にはまだ asset_path ヘルパーがありますか?
アップグレードガイドには、次のように記載されています
Rails 4.0 では、ActionController::Base.asset_path オプションが削除されました。アセット パイプライン機能を使用します。
現在、Rails 3.2 から Rails 4.1 にアップグレード中です。アプリでは select2-rails gem を使用し、js では選択メニュー オプションの画像を追加します。
上記は私のRails 3.2アプリで機能しましたが、4.1へのアップグレードで壊れたようで、次のエラーが表示されました:
Sprockets::FileNotFound - couldn't find file '" + image.id.toLowerCase() +"'
asset_path ヘルパーは Rails 4.1 でも利用できますか? はいの場合、私がどこで間違っていたのかについてのアイデアはありますか?
アップデート
上記のコードは .js.erb ファイルにあり、js ファイル内に Ruby コードを含めることができます。これは現在、Rails 3.2 プロジェクトでうまく機能しています。select2 を使用すると、以下の例のように選択メニュー項目の表示をフォーマットできるため、これを行っています。
私の理解では、「assets/images/icons/small」のようなものを手動で追加するのではなく、アセット パイプライン パスを使用するのが正しい使い方であるということでした。
jquery-select2 - 検索テキストが空のスペースだけの場合、Select2 は ajax を送信すべきではありません。それを達成する方法は？
ユーザーが空のスペースで検索したときに結果を表示してはならないというシナリオがあります。それを達成する方法。select2 で検証して検索する方法はありますか?
javascript - RoR - アセットから Javascript への画像へのアクセス
次の関数は、ローカルでテストした場合、/assets/images/icons/... ディレクトリからアクセスされた画像を正しく表示します。
/icons/ ディレクトリ内の画像は次のとおりです。
- shape_low.png
- shape_medium.png
- shape_high.png
これらは、select2ドロップダウンで正しくバインドされitem.idます。しかし、コードを本番環境 (Heroku) にデプロイするとすぐに、select2-rails ドロップダウンに画像が表示されません。なぜかというと、制作中の画像パスが「/assets/logo-200a00a193ed5e297bb09ddd96afb953.png」のようになっているようです。本番サーバーでその動的パスを参照するにはどうすればよいですか?
ありがとう
javascript - select2 - 複数のオプションが値を共有する場合に返される誤った選択オプション
複数の optgroup を持つ select 要素があり、異なる optgroup のオプションが同じ値を持つ可能性があります。例 ('Apple' および 'Potato' オプションを参照):
単純な選択で、選択されたオプションを jQuery で見つけようとすると、正しい結果が得られます。
$('#food_select').find(:selected)
ただし、select2 が適用され、'Potato' が選択され$('#food_select').find(:selected)ている場合は、値が '1' の最初のオプションである 'Apple' オプションが返されます。
選択された他のすべてのオプションは正しく機能するため、select2 は重複した値を正しく処理していないようです。http://jsfiddle.net/e57m9cax/で、この動作を示す JSFiddle を作成しました。
この動作の回避策または修正はありますか?
これを 2 つの別個の select 要素に分割することもできますが、UX の理由からそうはしません。任意の方向をいただければ幸いです。
ありがとう。