問題タブ [jquery-select2]

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.

0 投票する
1 に答える
1665 参照

jquery - Railsでselect2テンプレートを作成するためにモデル属性をcoffeescriptに渡す方法

Rails3.2アプリにselect2を実装しようとしています。

具体的には、テンプレートを使用して、国のフラグと国の名前を含む国の選択フィールドを表示したいと思います。

国モデルとユーザーモデルがあります。私の国モデルには:code属性があります。:code属性に基づいてフラグを表示するためにCSSスプライトを使用しています。

ユーザーフォームに

そしてuser.js.coffee.erbに私は持っています

すべてを結び付けるのに問題があります(おそらく、アセットパイプラインとjs.erbがどのように機能するかについての継続的な学習の一部です)。

現在、selectフィールドはselect2を使用してレンダリングされていますが、国のリストのみが含まれています。フォーマットなし。

各国をformat = (country)関数に渡して、フラグでフォーマットされるようにするにはどうすればよいですか?

ポインタをありがとう。

0 投票する
1 に答える
2774 参照

jquery - Rails で select2 gem を使用する

select2 gem をアプリに統合して、select で jquery を使用して見栄えを良くしようとしています。gem をインストールし、適切な行をアセットに追加しましたが、select でそれを呼び出す方法がわかりません。

それなしで私の選択の例を次に示します。

これでselect2を呼び出して機能させる方法について、誰かが私を正しい方向に向けることができますか?

0 投票する
2 に答える
33426 参照

jquery - Select2 の createSearchChoice 関数の使用

createSearchChoice 関数を使用して、デフォルトのリストでは不十分な場合にユーザーが独自の選択肢を入力できるようにしようとしています。要素でこの関数を使用しようとすると<select>、次のエラーが発生します。

Error: Error: Option 'createSearchChoice' is not allowed for Select2 when attached to a <select> element.

代わりに要素を使用してみました<input type='hidden'>が、次のエラーが発生します。

Error: uncaught exception: query function not defined for Select2 'MyInputName'

既存のコードに合わせて select 要素を使用したいと思いますが (複数のオプションを選択する機能が必要です)、ユーザーが以前のリストから選択するだけでなく、独自のオプションを入力できるようにする必要があります。

0 投票する
1 に答える
2215 参照

asp.net - select2 AJAX コントロールがタブの順序を乱す

asp.netのselect2を使用していdropdownlistます。コードは次のとおりです。

問題は、select2()関数が呼び出されると、タブの順序が機能しなくなることです。したがって、ドロップダウン リストでタブ キーを押すと、フォーカスは次に高い tabindex を持つコントロールに移動せず、ランダムに他のコントロールに移動するように見えます。

関数が呼び出された行にコメントを付けると、この問題は解決しますが、フィルタリングが必要です。ここで説明したフィルタリングの他の手法をいくつか試しましたが、それらは複雑すぎます。Select2 は、JS ファイルと CSS ファイルをインクルードして関数を呼び出すだけなので、非常にシンプルで便利です。

この順序付けの問題を解決するにはどうすればよいですか? または、select2 と同じくらい使いやすい別のフィルタリング オプションがありますか?

0 投票する
1 に答える
1243 参照

jquery - select2がRails3.2.8に表示されない

ここの指示に従ってください:

http://rubydoc.info/gems/select2-rails/3.1.0/frames

単純なRailsアプリに表示するselect2ディスプレイをまだ取得できません。gemがインストールされ、に追加され、に追加されたことを確認//= require select2application.jsまし*= require select2application.css。さらに、私は以下を:に含めましたusers.js.coffee

私は多くのポジションを持つユーザーモデルを持っています:

collection_selectselect2を自分のページに表示しようとしていusers/index.html.erbます:

したがって、$('#user_position_ids').select2私のjavascriptsの行。なんらかの理由でselect2を表示できないので、誰かが私を正しい方向に向けてくれれば幸いです。ありがとう!

0 投票する
1 に答える
305 参照

jquery - 別のページからselect2コントロールをロードすると問題が発生します

次のコードを使用して、あるページを別のページから読み込んで、ダイアログ内に 2 ページ目の html を表示できるようにしています。

ただし、2 ページ目に select2 コントロールをロードすると、select2 オプションが認識されず、基本的にその機能がロードされません。両方のページでselect2.jsへの参照があり、他のすべては完全に機能していますが、そこにあります。

  1. 誰もこの問題を解決する方法を知っていますか?
  2. あるページを別のページからロードして動作させるより良い方法はありますか?

どうも。

0 投票する
1 に答える
4955 参照

jquery - Select2 Loading Remote Data と Placeholder ドロップダウンの組み合わせ

Javascript、jQuery、Ajax、および JSON の世界は初めてです。

私がする必要があるのは、SELECT2で利用可能な2つのオプションを混在させることです

プレースホルダー

リモート データのロード

Select Web サイトからわかるように、これらのオプションはまったく異なります。Loading Remote Data フィールドをクリックすると、検索オプションが開きます。しかし、私はそれを望んでいません。PlaceHolder の例で利用可能なオプションを含むドロップダウンが必要です。

プレースホルダーの例では、ドロップダウンで使用できるオプションが HTML にハードコーディングされています。私が必要としているのは、開くと、jSON ファイルに移動し、json で利用可能な情報を返すことです。

理想は、プレースホルダー Select2 の UI を、他の Select2 の例からのリモート日付の読み込みの機能 (サーバーで json を取得) と共に使用することです。

何か案が?2つを組み合わせることができない場合、私はどんな超高速Ajaxソリューションにもオープンです。

0 投票する
4 に答える
1685 参照

jquery - ASP.NET MVC 角かっこコレクション モデル バインド

<input />ASP.NET MVC のコレクション モデル バインドでは、コレクション モデルを正しくバインドするには、name 属性に角かっこのインデックスが必要です。たとえば<input name="Lines[0].Name" />、次のようなアクションを使用します。

ただし、name 属性のピリオドと角括弧は、私が使用しているSelect2リスト セレクターを含む特定の jQuery プラグインの既知の問題です。

Select2 をハックしたくないので、ASP.NET MVC に角かっこの代わりにピリオドやアンダースコアなどを使用してコレクション インデックスを区切るように指示するにはどうすればよい<input name="Lines.0.Name" />でしょうか。


注:このコレクション モデル バインディング手法を使用して非連続Guidインデックスを生成しているため、既に custom を宣言していますHtmlFieldPrefixScope


更新:[無効な文字または]文字をbind/ unbindjQuery メソッドに渡す Select2 イベントのカスタム スクロール/サイズ変更イベント名をハッキングすることで、これを解決しました。

0 投票する
14 に答える
193349 参照

css - select2入力の幅を設定します(Angular-uiディレクティブを介して)

このプランカー(select2 + angulat-ui)を機能させるのに問題があります。

http://plnkr.co/edit/NkdWUO?p=preview

ローカルセットアップでは、select2が機能しますが、ドキュメントで説明されているように幅を設定できません。狭すぎて使えません。

ここに画像の説明を入力してください

ありがとうございました。

編集:plnkrを気にしないでください、私はここで実用的なフィドルを見つけました http://jsfiddle.net/pEFy6/

最初の要素の幅に折りたたむのはselect2の動作のようです。ブートストラップを介して幅をclass="input-medium"設定できます。それでも、angular-uiが構成パラメーターを受け取らない理由はわかりません。

0 投票する
1 に答える
2711 参照

jquery - Select2 jQuery アニメーション サイズ変更 (jsFiddle を使用!); デフォルトのイベントを何らかの形で遅らせるか、適切にサイズ変更することはできますか?

select2 要素のサイズを変更しようとしていますが、正しく機能していないようです (ドロップダウンのサイズが正しく変更されていません)。私が検討して試したアプローチの 1 つは、.open で preventDefault() を使用することでしたが、アニメーションの完了後にデフォルトを起動するにはどうすればよいでしょうか? また、select2ドロップダウンを非表示にしてから表示しようとしましたが、それも機能していないようです。私はjsFiddleとここにコードを持っています。助けてください:)

jsFiddle: http://jsfiddle.net/acpFh/2/ (ご覧のとおり、select2 フィールドをクリックすると上部のサイズが変更されますが、ドロップダウンは変更されません)

コード:

乾杯、そして助けてくれてありがとう!