プロのjQueryベースのコンボボックスコントロール?[閉まっている]


86

いずれかがあります プロのjQueryライブラリに基づいて、ComboBoxコントロール(自己暗示を持つドロップダウンリストが)?

大規模なデータセットを処理でき、いくつかのスキニングオプションがあるはずです。複数列の結果リストは、あまりにも素晴らしいことです。私はASP.NETを使用していますが、ラッパーを作成する必要がある場合は問題ありません。

代替テキスト

私はすでにサードパーティのコントロールを使用していますが、2つのベンダーのコントロール間で互換性の問題が発生しました。さて、私はこの種の依存関係を取り除きたいです。


この質問に対するより良い答えを見つけることができたことがありますか?
要素

以下のGeorgeBarkerの答えを見てください。
splattne

jQueryのコンボボックスは「オートコンプリート」と呼ばれます。 jqueryui.com/autocomplete/#combobox
アーロン

回答:


24

残念ながら、私が見た中で最高のものはjquery.comboboxです。実際にはWebアプリケーションで実際に使用したいもののようには見えません。このコントロールには使いやすさの問題があると思いますが、ユーザーとして、ドロップダウンリストを入力してテキストボックスに変換する方法がわからないと思います。

私はコンボドロップダウンボックスの方がずっと好きですが、それでも私が望むいくつかの機能があり、まだアルファ版です。アルファ版であること以外は、これが気に入らないと思うのは、コンボボックスに入力すると、元のドロップダウンリストの項目が表示されなくなることだけです。ただし、これには設定があるかもしれません...または、かなり簡単に追加できるかもしれません。

私が知っているオプションはこれらの2つだけです。あなたの検索で頑張ってください。あなたが1つを見つけた場合、または2番目のオプションがあなたのためにうまくいくかどうか聞いてみたいです。


1
私は長い間維持されていない、ほとんどのプラグイン...のように... jquery.comboboxとjQuery 1.4.xの互換性の問題を持っているように見える
ルーカス・エダー

3
最初のリンクに関するコメント'注:現時点では、jquery.comboboxは完全なコンボボックスではなくドロップダウンリストとして動作します。現在、テキスト入力は受け付けていません。敗北の種類目的IMO ....
マシュー・ドレッサー

1
sanchezsalvador.comでのリンク切れ
markashworth 2013

53

これは非常に有望に見えるものです。これは真のコンボです。入力内容がわかります。他では見たことがないクールな機能があります:ページング結果。

FlexBox


FlexBoxの推奨事項を2番目にします。非常に、うーん、柔軟なスタイリングとUIオプションがあります。
ベングリスウォルド

新しいバージョン(0.9.3)がリリースされました。FlexBoxは、クライアント側のJSONフィルタリングをサポートするようになりました。
ノアヘルドマン2010年

1
imoFlexBoxは場合によってはやり過ぎです。
kajo 2011

すべてのデータ(json)を一度にロードするように見えるため、データソースに大量のレコードがある場合は適切でない可能性があります
David

すでに1つの値を選択している場合は、矢印をクリックすると、選択した値のみが表示され、すべての値は表示されません。
linbo 2012年

24

jqueryの「コンボボックス」を探している人は誰でもこの質問に向けられているようです。私の投稿は、元の質問への回答ではなく、このページにアクセスする人々が「従来の」コンボボックスを見つけることを目的としています。上記のソリューションはすべて、既存の選択値をフィルタリングして自動補完する手段として入力を使用することに焦点を当てています。(大規模なデータセットに最適)

単に「何かを入力するか、これらの事前定義された値から選択する」という従来のコンボボックスを探している場合(入力中に一致しないものは非表示になりません)、すべてのことができますする必要があるのは

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

見る http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/を

これをプラグインにラップして既存のselectタグを変換するのは簡単なはずですが、まだ完了していません。

PS:「jQueryEditable Combobox」で私が目にする主な問題は、それが選択リストのままであり、何か新しいものを入力し始めることができるかどうかはまったく明らかではないということです。



15

有望に見えるセクシーコンボプロジェクトの新しいフォークが出ています:http//code.google.com/p/ufd/


私はそれがselectをコンボボックスに変えるのが好きです。
beetstra 2011

1
ページ上のすべての提案を確認した後、私はこれに落ち着きました。高速でシンプル、私が望んでいた基本的な機能だけを提供し、既存の選択入力に取り組みました
elwyn 2011

Jquery UI Themerollerでも動作します
2013

これは私にとってのビジネスでした。要件であったIE7とIE8でシームレスに動作します。中置(単語の途中)検索、長いリストのスクロールバー、および他のコンポーネントとのうまく機能します。
アラステア2011年

既存のコードが古いhtmlドロップダウンを使用している場合、これははるかに簡単に統合できます。これを使いました。
最大

14

大規模なデータセットのために、どの程度のjQuery UIオートコンプリート基本的にジョーンZaeferrerさんの「公式」バージョンで、オートコンプリートのプラグイン

また、ユーザーからかなり良いフィードバックを得ているストレートJQueryコンボボックスプラグインを作成しました。これは、明示的だではないものの、大規模なデータセットのためのもの。ユーザーが入力した内容に基づいてリストを削除するものが必要な場合は、Jornのオートコンプリートプラグインを使用したほうがよいと思います。


Jorn Zaeferrerのオートコンプリートプラグインはシンプルで素晴らしい
Jake Wilson



7

公式のjQueryUI ComboBox / Autocompleteコンポーネントが作成中です...(以前はjQuery UI 1.5.xのベータ版でした)、jQuery UIWikiを参照してください

更新:

オートコンプリート機能がjQueryUIのコア機能になりました。ドキュメントを参照してください


これは現在、jQuery1.8で使用できます。私はそれをかなりうまく使っています、それはうまく設計されたウィジェットです。
Boldewyn 2010年

あなたたちは後遺症を経験していますか?矢印をクリックしてリストを切り替えると、ページが投稿され、ページが更新されます...
clocklyq

7
コンボボックスはオートコンプリートと同じではありません
Neil McGuigan 2011年

5

複数列が必要ない場合は、chooseがもう1つの良い選択です。MITライセンス


選択した場合は+1。見栄えがよく、ObjectDatasourceからのデータを使用して既存のドロップダウンに変更を加える必要はありませんでした。それはうまくいきます!
マット


3

私は同じものを探しています。私が今まで最も気に入ったのは、ExtJ用のこれです-大きなリストでテストしたことがないことを除いて:www.sencha.com/deploy/dev/examples/form/combos.html

これがもう1つの本当に(!)速いものです:http//jsearchdropdown.sourceforge.net/

たとえば、SexyComboは非常に素晴らしい動作をしますが、リストが長くなると遅くなります。SexyComboのフォークUFDははるかに高速ですが、非常に大きなリストの場合、初期化時間はまだかなり遅いです。その上私は時々少し得る!「点滅」。しかし、近い将来、いくつかの更新があると思います。


ExtJsは、ページングをサポートし、値をローカルでクエリするか、クエリをサーバーに返送して別の結果チャンクを提供することを決定できるため、大きな(または巨大な)リストでも非常にうまく機能します。ExtJsの問題は、学習曲線が急なことです。
stivlo 2011年

3

セクシー-コンボは非推奨になりました。Unobtrusive Fast-FilterDropdownプロジェクトにはさらなる開発があります。私は同様の要件を持っているので、有望に見えます。

https://code.google.com/p/ufd/


素晴らしいですが、jquery> 1.6では機能しないようです。他のオプションを探しています。
dan radu 2012


2

http://jqueryajax.codeplex.com/を試してみませんか。これは、複数列のドロップダウンも含むASP.NETコントロールのコレクションです。


2

Activewidgetsには非常に見栄えの良いものがあります。大規模なデータセットでどれだけうまく機能するかわかりません。 http://www.activewidgets.com/ui.combo/


2

同じ問題があったので、自分で作ってみました。

テンプレートシステムが組み込まれているので、結果を好きなように見せることができます。すべての主要なブラウザで動作し、配列とjsonオブジェクトを受け入れます。 http://code.google.com/p/custom-combobox/



2

http://jqueryui.com/demos/autocomplete/#comboboxを試しましたが、直面した問題は次のとおりです。

  • クロスブラウザレンダリング
  • カスタム値を送信できない

その結果、少し調整しましたが、ASP.NETMVCでは問題なく機能しました。私のバージョンのCSSとウィジェットスクリプトはここにありますhttp://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

MVCモデルをカスタム値にバインドするサンプルもあります。





弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.