it-swarm.com.de

Professionelle jQuery-basierte Combobox-Steuerung?

Gibt es professionelle Combobox-Steuerelemente (Dropdown-Liste mit Autosuggestion), die auf der jQuery-Bibliothek basieren?

Es sollte in der Lage sein, große Datenmengen zu verarbeiten und einige Skins -Optionen zu haben. Eine mehrspaltige Ergebnisliste wäre auch toll. Ich arbeite mit ASP.NET, aber es ist kein Problem, wenn ich einen Wrapper dafür schreiben musste.

alt text

Ich verwende bereits ein Steuerelement eines Drittanbieters, bin jedoch auf einige Kompatibilitätsprobleme zwischen den Steuerelementen zweier Anbieter gestoßen. Nun, ich möchte diese Art von Abhängigkeiten loswerden.

87
splattne

Leider ist das Beste, was ich je gesehen habe, das jquery.combobox , aber es sieht nicht wirklich so aus, wie ich es wirklich in meinen Webanwendungen verwenden möchte. Ich denke, es gibt einige Usability-Probleme mit diesem Steuerelement, aber ich glaube nicht, dass ich als Benutzer anfangen müsste, die Dropdown-Liste in ein Textfeld umzuwandeln.

Ich bevorzuge das Combo Dropdown Box , aber es hat immer noch einige Funktionen, die ich möchte und es ist immer noch in Alpha. Der einzige Gedanke, den ich an diesem nicht mag, außer dass es Alpha ist, ist, dass die ursprünglichen Dropdown-Listenelemente verschwinden, sobald ich das Kombinationsfeld eingebe. Vielleicht gibt es jedoch eine Einstellung dafür ... oder es könnte ziemlich einfach hinzugefügt werden.

Das sind die einzigen zwei Möglichkeiten, die ich kenne. Viel Glück bei deiner Suche. Ich würde gerne hören, ob Sie eine finden oder ob die zweite Option für Sie funktioniert.

24
Elijah Manor

Hier ist eine, die sehr vielversprechend aussieht. Es ist eine echte Kombination - Sie sehen, was Sie eingeben. Hat eine coole Funktion, die ich anderswo nicht gesehen habe: Paging-Ergebnisse.

FlexBox

53
GeorgeBarker

Wer eine jquery "Combo Box" sucht, scheint auf diese Frage verwiesen zu sein. Mein Post ist für Leute, die auf diese Seite kommen, um ein "traditionelles" Kombinationsfeld zu finden, anstatt eine Antwort auf die ursprüngliche Frage. Die obigen Lösungen konzentrieren sich alle auf die Verwendung der Eingabe als Mittel zum Filtern und automatischen Vervollständigen eines vorhandenen Auswahlwerts. (ideal für große Datensätze)

Wenn Sie nach dem traditionellen Kombinationsfeld suchen, das einfach "Geben Sie etwas ein oder wählen Sie aus diesen vordefinierten Werten aus" ist (nein, wir werden diejenigen, die nicht übereinstimmen, während Sie tippen, nicht ausblenden), können Sie alles tun tun müssen, ist

<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;" />

Siehe http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

Sollte leicht in ein Plugin zu packen sein, das ein vorhandenes Select-Tag konvertiert, obwohl ich das noch nicht gesehen habe.

P.S .: Das Hauptproblem, das ich bei "jQuery Editable Combobox" sehe, ist, dass es sich weiterhin um eine Auswahlliste handelt, und es ist überhaupt nicht ersichtlich, dass Sie einfach etwas Neues eingeben können.

24
Danny W. Adair

Es gibt jetzt eine neue Abzweigung des sexy-combo-Projekts, die vielversprechend aussieht: http://code.google.com/p/ufd/

15
lomaxx

Wie wäre es mit JQuery UI Autocomplete , was im Grunde die "offizielle" Version von Jorn Zaeferrers Autocomplete Plugin ist?

Ich habe auch ein einfaches JQuery combobox Plugin geschrieben, das von seinen Benutzern ziemlich gutes Feedback erhalten hat. Es ist explizit nicht für große Datenmengen gedacht. Ich denke, wenn Sie etwas wollen, das die Liste basierend auf den Benutzertypen beschneidet, sind Sie mit Jorns Autovervollständigungs-Plugin besser dran.

14
Jonathan Tang

Ein weiteres Nizza-Plugin ist Sexy Combo

10
pera

Eine offizielle jQuery UI ComboBox/Autocomplete-Komponente ist in Vorbereitung ... (zuvor in der Beta für jQuery UI 1.5.x), siehe jQuery UI Wiki

AKTUALISIEREN:

Die Autocomplete-Funktionalität ist jetzt eine Kernfunktion von jQuery UI, siehe Dokumentation .

7
Sander Versluys

Das ist auch vielversprechend:

JQuery-Dropdown-Kombinationsfeld auf simpletutorials.com

7
Anthony Kong

Wenn Sie keine mehrspaltigen Elemente benötigen, ist gewählt eine weitere gute Wahl. MIT Lizenziert

5
mortdale

Ich mag select2 , es ist reich an Funktionen und nett und aktiv. Besonders wie die diakritische Suchfunktion.

3
gabor

Ich suche das selbe. Das, was mir bis jetzt am besten gefallen hat, ist das für ExtJs - außer ich habe es nicht mit großen Listen getestet: www.sencha.com/deploy/dev/examples/form/combos.html

Hier ist noch eine wirklich (!) Schnelle: http://jsearchdropdown.sourceforge.net/

Zum Beispiel funktioniert der SexyCombo ziemlich gut, ist aber für längere Listen zu langsam. Die SexyCombo-Folk-UFD ist viel schneller, aber die Initialisierungszeit ist für sehr große Listen immer noch recht lang. Außerdem bekomme ich manchmal etwas! "blinkt". Aber ich denke, dass es in naher Zukunft einige Updates geben wird.

3
Sithlord

Sexy-Combo ist veraltet. Weitere Entwicklungen gibt es im Projekt Unobtrusive Fast-Filter Dropdown. Sieht vielversprechend aus, da ich ähnliche Anforderungen habe.

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

3
penguincoder

Ich habe folgendes gefunden: http://code.google.com/p/jquery-jec/

Scheint auch eine gute Option zu sein.

3
Hugo

Activewidgets hat eine sehr gut aussehende. Keine Ahnung, wie gut es mit großen Datenmengen funktioniert. http://www.activewidgets.com/ui.combo/

2
user163036

Warum versuchst du es nicht http://jqueryajax.codeplex.com/ . Es ist eine Sammlung von ASP.NET-Steuerelementen, die auch mehrspaltige Dropdown-Listen enthält.

2
gstolarov

Ich habe versucht http://jqueryui.com/demos/autocomplete/#combobox und die Probleme waren:

  • Browserübergreifendes Rendering
  • Unfähigkeit, einen benutzerdefinierten Wert zu übermitteln

Als Ergebnis habe ich es ein bisschen optimiert und es hat in ASP.NET MVC gut funktioniert. Meine Version von CSS und Widget-Skript finden Sie hier http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

Ein Beispiel für die Bindung des MVC-Modells an einen benutzerdefinierten Wert ist ebenfalls vorhanden.

2
Maxim Saplin

Ich hatte das gleiche Problem, also habe ich mein eigenes gemacht.

Es ist ein Vorlagensystem integriert, sodass Sie die Ergebnisse so gestalten können, wie Sie es möchten. Funktioniert in allen gängigen Browsern und akzeptiert Arrays und JSON-Objekte. http://code.google.com/p/custom-combobox/

2
Donny V.

Hier ist eine wirklich coole: http://www.xnodesystems.com/ Das dynamische Listenfeld verfügt nicht nur über die Fähigkeit zur automatischen Vervollständigung, sondern kann auch eine Validierung durchführen.

2
Richard Xiong

Sehr zu empfehlen Twitter Typeahead:

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

1
Artur Bodera
1
arieltools

Probier diese:

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

Sehr schön mit vielen Funktionen einschließlich Lokalisierung.

1
Chris

alles was du brauchst http://jquerycomboboxtmpl.codeplex.com/

dropdown auf Vorlagen

0
rootkit