web-dev-qa-db-ja.com

プロのjQueryベースのComboboxコントロール?

JQueryライブラリに基づいたprofessional Comboboxコントロール(自動提案付きのドロップダウンリスト)はありますか?

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

alt text

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

87
splattne

残念ながら、私が見た中で最も良いものは jquery.combobox ですが、Webアプリケーションで本当に使いたいもののようには見えません。このコントロールにはユーザビリティの問題があると思いますが、ユーザーとしては、ドロップダウンリストを入力してテキストボックスに変更することを知らないと思います。

Combo Dropdown Box を好みますが、それでも私が望む機能がいくつかあり、まだアルファ版です。アルファである以外にこれが気に入らない唯一の理由は、コンボボックスに入力すると、元のドロップダウンリストの項目が消えることです。ただし、このための設定がある場合もあれば、かなり簡単に追加できる場合もあります。

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

24
Elijah Manor

これは非常に有望に見えるものです。それは本当のコンボです-あなたはあなたがタイプしたものを見ます。他に見たことのない素晴らしい機能があります:ページング結果。

FlexBox

53
GeorgeBarker

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/ を参照してください

既存の選択タグを変換するプラグインにこれ​​を簡単にラップする必要がありますが、まだ完了していません。

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

24
Danny W. Adair

Sexy-comboプロジェクトの新しい分岐がリリースされました。これは有望に見えます。 http://code.google.com/p/ufd/

15
lomaxx

大規模なデータセットの場合、 JQuery UI Autocomplete はどうですか。これは基本的にJorn Zaeferrerの Autocompleteプラグイン ?の「公式」バージョンです。

また、ストレートな JQuery combobox プラグインを作成しました。このプラグインは、ユーザーから非常に良いフィードバックを得ています。ただし、明示的にnotは大きなデータセットを対象としています。ユーザーの入力内容に基づいてリストを整理するものが必要な場合は、Jornのオートコンプリートプラグインを使用した方がよいと考えています。

14
Jonathan Tang

別の素敵なプラグインは Sexy Combo です

10
pera

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

更新:

オートコンプリート機能は、jQuery UIのコア機能です ドキュメントを参照

7
Sander Versluys

これも有望です:

jQueryドロップダウンコンボボックス simpletutorials.com

7
Anthony Kong

複数列が必要ない場合は、 chosen を選択することをお勧めします。 MIT Licensed

5
mortdale

select2 が好きで、機能が豊富で、ニースでアクティブです。特に diacritic 検索機能に似ています。

3
gabor

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

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

たとえば、SexyComboは非常に素晴らしい機能を発揮しますが、リストが長くなると遅くなります。 SexyComboフォークUFDは非常に高速ですが、非常に大きなリストの場合、初期化時間は依然として非常に遅くなります。それに加えて、私は時々少し手に入れます! 「点滅」。しかし、近いうちにいくつかの更新があると思います。

3
Sithlord

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

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

3
penguincoder

私はこれを見つけました: http://code.google.com/p/jquery-jec/

また、良いオプションのようです。

3
Hugo

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

2
user163036

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

2
gstolarov

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

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

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

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

2
Maxim Saplin

私も同じ問題を抱えていたので、自分で作成しました。

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

2
Donny V.

本当にクールなものは次のとおりです。 http://www.xnodesystems.com/ 動的リストフィールドには、オートコンプリート機能があるだけでなく、検証も実行できます。

2
Richard Xiong

Twitter Typeaheadを強く推奨:

http://Twitter.github.io/typeahead.js/

1
Artur Bodera
1
arieltools

これを試してください:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm

ローカライズを含む多くの機能を備えた非常に素晴らしい。

1
Chris

必要なものすべて http://jquerycomboboxtmpl.codeplex.com/

テンプレートのドロップダウン

0
rootkit