問題タブ [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 に答える
759 参照

coffeescript - Coffeescriptは、選択ボックスの値の変更時にリストから関数を動的に作成/呼び出します

Pixastic ライブラリを使用して画像編集ツールを追加する作業を行っています。アイデアは、ユーザーが選択ボックスから必要な画像またはツールの側面を選択できるということです。ツールは選択ボックスの下に表示され (私はselect2を使用しています)、ユーザーはスライダーを介して編集できます。これが私がこれまでに持っているものです:

これは、ツールが選択されたときに、編集ツールの名前と選択ボックスの下に正しいスライダー div を追加することに成功しますが、私が本当に望むのは、その特定のツールと画像のスライダー関数を動的に作成することです (上に複数の画像があります)。それぞれ独自の編集ツールベルトを備えたページ)。「ぼかし」ツールで機能するスライダー関数は次のとおりです。

次のように imageToolsList を展開する方法はありますか。

imageTooler次に、div およびスライダー div で行われているように、各ツールの jQuery スライダー関数を動的に作成します。

0 投票する
0 に答える
808 参照

struts2 - struts2 jqueryグリッド列にheaderkeyオプションを表示する方法

私はstrust2 jquery Gridにデータを表示しているjspページを持っています。グリッド列には、選択タイプ (ドロップダウン選択) に基づく検索機能があります。

.私のドロップダウンリストは私のクラスからうまくいき、その場所に正しく表示されています。

私が正確に欲しいのは、このようなヘッダー値(----ここで選択--)の後に、クラスから入力されたすべての値が続くことです。

例えば。struts2でこれを行う方法(コードの下)は知っていますが、struts2 jqueryグリッド列ではこれを知りません.今、ヘッダーキーとヘッダー値なしですべてのリストを表示することしかできません.

この問題に関して私を助けてください。

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

angularjs - Ajax 機能を備えた Angular-UI Select2 を使用した双方向データバインディング

AngularJS + Ajax 機能を備えた Angular-UI Select2 による双方向データバインディング。

Select2 ドロップダウン Ajax 動作を一般的な方法で実装するためのディレクティブを作成しました:- (formatResult、呼び出す formatSelection メソッド、および url を取得するために必要な属性はほとんどありません)。

私の問題は、「編集モード」で値をロードする方法です。ドロップダウンから選択された値は formatselection メソッドで受信されますが、画面のロード中に、バインドされているのと同じ値からドロップダウンをロードしたいと考えています。例:-

0 投票する
17 に答える
138740 参照

javascript - jQuerySelect2を使用してドロップダウンをクリアする

素晴らしいSelect2ライブラリを使用して、プログラムでドロップダウンをクリアしようとしています。queryドロップダウンには、Select2オプションを使用したリモートajax呼び出しが動的に入力されます。

HTML:

Javascript:

残念ながら、の呼び出し$remove.select2('val', '')は次の例外をスローします。

、、、およびSelect2固有の機能をattr設定してみました。男を明確にし、ラジオボタンのように動作させることはできないようです。誰か提案がありますか?valtextdata

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

angularjs - Angular UI/Select2が「モデル」をロードしないことがある

  1. 目標: 1つ以上の業界を顧客に追加できるSelect2コントロールを取得します。
  2. 私が試したこと:このプランカーを参照してくださいhttp://plnkr.co/edit/tqSmiE?p=preview
  3. 問題:データがすでに顧客に関連付けられている場合があります。つまり、industriesプロパティに含まれるindustry_idは、select2によってロード/使用されません。表示するには手動でのリロードが数回必要になる場合がありますが、私にとっては2〜5回のリロードごとに発生します。
  4. 予想される動作のスクリーンショット: 予想される動作のスクリーンショット

  5. 誤った動作のスクリーンショット: 不正な動作のスクリーンショット

  6. 3番目の可能性、これも欠陥があります。 3番目の可能性、これも欠陥
0 投票する
6 に答える
152475 参照

javascript - select2変更アイテムを動的に

リンクされている2つの選択があります。最初の選択の各値によって、2番目の選択で表示される項目が決まります。

2番目の選択の値は、2次元配列に格納されます。

最初の選択値は、2番目の選択を設定するために使用されるインデックスを決定します。したがって、最初の「変更」イベントでは、select-2に含まれるアイテムを変更できるはずです。

ドキュメントを読む私は「データ」オプションを使用する必要があると思います...しかし、例が初期化時に配列データをロードする方法を理解しておらず、初期化後に同じことを行おうとすると機能しないようです。

HTML

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

css - select2cssのロードに時間がかかりすぎる

Webアプリケーション検索ページの複数の選択フィールドに素敵なSelect2を使用しています。会社/業界/学校で人を検索できます。それぞれに数百の検索可能な値があるため、正しいselect2 cssがロードされるまでに時間がかかります(約1秒)。古い醜いselectフィールドは、きれいなselect2フィールドが表示される前にちらつきで表示されます。添付されているのは、遷移を示す2つのスクリーンショットです。

これが私のビューコードです:

そしてコントローラーコード:

最後に、(select2 cssに加えて)アセットディレクトリに次のJavaScriptがあります。

このちらつきを防ぐにはどうすればよいですか?ありがとうございました。

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

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

ruby-on-rails - select2 が正しい選択フィールドを表示しない

次のようなフォーム検索があります。

フィルター

select2 for を使用すると、次のselect#search_topicようになります。

filter_error

これは私のselect2コードです:

私のフォーム:

select2.jsand select2.css.scss(select2.css から名前を変更) をvendor/javascriptandにコピーしvendor/stylesheetました。

そしてurl('select2.png')、scssファイルをimage_url("select2.png"). にもコピーselect2.pngしましたapp/assets/images

application.js私は持っています//= require select2application.css.scss私は持っています@import "select2";。コードの何が問題になっていますか?

0 投票する
5 に答える
58786 参照

javascript - Select2ドロップダウンロードの結果をAJAX経由でどのように行うことができますか

ドロップダウンメニューをロードするシンプルなselect2ボックスがあります。

しかし、AJAX呼び出しの結果で選択メニューが開かれるたびにドロップダウンメニューをリロードするための最良の方法は何ですか?ajax呼び出しは返されます

等々

select2ドキュメントのAJAXの例を調べましたが、必要なものが少し複雑に見えます。TIA

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

jquery-chosen - Select2 複数値選択ボックスが正しく表示されない

編集: この特定の問題に対する私の問題が何であるかを理解しました。

解決策:この特定の問題について、許可の問題がありました。選択したプロジェクト フォルダーと select2 プロジェクト フォルダーをアプリケーションに直接コピーしたため、明らかにアクセス許可が正しくありませんでした。解決策は、開発中にプロジェクト内にプラグイン ファイルを作成するか 、*nix マシンを使用している場合はターミナルで「chmod 0755 -R select2/」を実行することです。それだけでした。selected と select2 の間の競合の問題などではありませんでした。

元の投稿:

Select2 を使用して、きれいな複数値選択ボックスを作成しようとしています。Select2 と Chosen.js の両方を試しましたが、結果は同じです。ボックスが正しく表示されません。javascriptが含まれていないかのように、古いスタイルの醜い複数選択ボックスが表示されます。

これがどのように表示されるかを示す画像です: http://d.pr/i/bUa5

私が取得しようとしているのは、このフォーラムにあるような複数選択ボックスです。

誰かが助けてくれることを願っていますか?

ここに私のテストコードがあります: