Profesjonalna kontrola Combobox oparta na jQuery? [Zamknięte]

86

Czy są jakieś profesjonalne kontrolki Combobox (lista rozwijana z autosugestią) oparte na bibliotece jQuery?

Powinien być w stanie obsłużyć duże zbiory danych i mieć kilka opcji skórowania . Lista wynik multi-kolumna byłaby zbyt wielka. Pracuję z ASP.NET, ale nie jest to problem, gdybym musiał napisać dla niego opakowanie.

tekst alternatywny

Używam już formantu innej firmy, ale napotkałem pewne problemy ze zgodnością między kontrolkami dwóch dostawców. Cóż, chcę się pozbyć tego rodzaju zależności.

splattne
źródło
czy kiedykolwiek udało Ci się znaleźć lepszą odpowiedź na to pytanie?
Element
Spójrz na odpowiedź George'a Barkera poniżej.
splattne
ComboBox jQuery nazywa się „autouzupełnianie”. jqueryui.com/autocomplete/#combobox
Aaron

Odpowiedzi:

24

Niestety najlepszą rzeczą, jaką widziałem, jest jquery.combobox , ale tak naprawdę nie wygląda na coś, czego naprawdę chciałbym używać w moich aplikacjach internetowych. Myślę, że z tą kontrolką są pewne problemy z użytecznością, ale jako użytkownik nie sądzę, żebym wiedział, aby zacząć pisać, aby lista rozwijana zmieniła się w pole tekstowe.

O wiele wolę Combo Dropdown Box , ale nadal ma kilka funkcji, które chciałbym, i nadal jest w wersji alfa. Jedyne, co mi się w tym nie podoba, poza tym, że jest to alfa ... to to, że po wpisaniu kombi, oryginalne elementy listy rozwijanej znikają. Jednak może jest na to ustawienie ... a może dałoby się to dość łatwo dodać.

To jedyne dwie opcje, które znam. Powodzenia w poszukiwaniach. Chciałbym usłyszeć, czy znajdziesz jedną, lub czy druga opcja zadziała.

Elijah Manor
źródło
1
Wydaje mi się, że mam problemy ze zgodnością z jquery.combobox i jQuery 1.4.x ... tak jak z większością wtyczek, które nie były obsługiwane przez długi czas ...
Lukas Eder
3
Komentarz do pierwszego linku „uwaga: w tej chwili jquery.combobox zachowuje się jak lista rozwijana, a nie jako pełny combbox. obecnie nie obsługuje wprowadzania tekstu. ' rodzaj pokonuje cel IMO ....
Matthew Dresser
1
martwy link w sanchezsalvador.com
markashworth
53

Oto jeden, który wygląda bardzo obiecująco. To prawdziwa kombinacja - widzisz, co piszesz. Ma fajną funkcję, której nie widziałem nigdzie indziej: stronicowanie wyników.

FlexBox

GeorgeBarker
źródło
Poprę rekomendację FlexBox. Ma bardzo, hmm, elastyczne opcje stylizacji i interfejsu użytkownika.
Ben Griswold
Nowa wersja (0.9.3) właśnie została wydana. FlexBox obsługuje teraz filtrowanie JSON po stronie klienta.
Noah Heldman
1
imo FlexBox jest w niektórych przypadkach przesadą.
kajo
Wygląda na to, że ładuje wszystkie dane (json) naraz, więc może nie być odpowiednie, jeśli źródło danych ma wiele rekordów
David
Jeśli wybiorę już jedną wartość, kliknij strzałkę, aby wyświetlić tylko wybraną wartość, a nie wszystkie wartości.
linbo
24

Każdy, kto szuka „pola kombi” jquery, wydaje się być skierowany do tego pytania. Mój post jest dla osób przychodzących na tę stronę w celu znalezienia „tradycyjnej” listy rozwijanej zamiast odpowiedzi na pierwotne pytanie. Wszystkie powyższe rozwiązania koncentrują się na wykorzystaniu danych wejściowych jako środka do filtrowania i autouzupełniania do istniejącej wybranej wartości. (świetne dla dużych zbiorów danych)

Jeśli szukasz tradycyjnego pola kombi, które jest po prostu „Wpisz coś lub wybierz z tych predefiniowanych wartości” (nie, nie będziemy ukrywać tych, które nie pasują podczas pisania), wszystko, co możesz trzeba to zrobić

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

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

Powinno być łatwe do umieszczenia we wtyczce, która konwertuje istniejący znacznik wyboru, chociaż jeszcze tego nie widziałem.

PS: Główny problem, jaki widzę w przypadku „jQuery Editable Combobox”, polega na tym, że pozostaje to lista wyboru i nie jest wcale oczywiste, że można po prostu zacząć pisać coś nowego.

Danny W. Adair
źródło
15

Nowy widelec projektu sexy-combo jest już dostępny, który wygląda obiecująco: http://code.google.com/p/ufd/

lomaxx
źródło
Podoba mi się, że zamienia zaznaczenie w kombi.
beetstra
1
Po przejrzeniu każdej sugestii na stronie zdecydowałem się na tę. Szybki, prosty, zapewnia tylko podstawową funkcjonalność, o której chciałem, i pracowałem na istniejącym wejściu
Select
Może również współpracować z Jquery UI Themeroller
codeulike
To był dla mnie biznes. Działa bezproblemowo na IE7 i IE8, co było wymagane. Wyszukiwanie wrostkowe (w środku słowa), paski przewijania dla dłuższych list i ładnie współpracuje z innymi komponentami.
Alastair
Jest to zdecydowanie najłatwiejsze do zintegrowania, jeśli istniejący kod używa starego menu rozwijanego HTML. Użyłem tego.
Maksymalnie
14

W przypadku dużych zbiorów danych, co powiesz na autouzupełnianie interfejsu użytkownika JQuery , które jest w zasadzie „oficjalną” wersją wtyczki autouzupełniania Jorn Zaeferrer ?

Napisałem również prostą wtyczkę JQuery combobox, która otrzymała całkiem dobre opinie od swoich użytkowników. To wyraźnie nie oznaczało dla dużych zbiorów danych mimo; Myślę, że jeśli chcesz czegoś, co przycina listę w oparciu o to, co wpisuje użytkownik, lepiej będzie, jeśli skorzystasz z wtyczki autouzupełniania Jorna.


źródło
Wtyczka autouzupełniania Jorna Zaeferrera jest prosta i niesamowita
Jake Wilson
7

To również obiecuje:

JQuery Drop-Down Combo Box na simpletutorials.com

Anthony Kong
źródło
Wygląda całkiem nieźle, ale nie obsługuje innej nazwy i wartości, tak jak w przypadku opcji Select <options>
BT,
1
Nie obsługuje również dwóch pól kombi na jednej stronie.
Tim Saylor
7

Oficjalny komponent jQuery UI ComboBox / Autocomplete jest w trakcie tworzenia ... (poprzednio w wersji beta dla jQuery UI 1.5.x), zobacz jQuery UI Wiki

AKTUALIZACJA:

Funkcja autouzupełniania jest teraz podstawową funkcją interfejsu użytkownika jQuery, zobacz dokumentację .

Sander Versluys
źródło
To jest teraz na żywo z jQuery 1.8. Używam go całkiem skutecznie, to był dobrze zaprojektowany widget.
Boldewyn
Czy doświadczacie efektu postu? Kiedy klikam strzałkę, aby przełączyć listę, moja strona jest publikowana i otrzymuję odświeżenie strony ...
clockwiseq
7
combobox to nie to samo co autouzupełnianie
Neil McGuigan,
5

Jeśli nie potrzebujesz wielu kolumn, wybierz to kolejny dobry wybór. Licencja MIT

Mortdale
źródło
+1 dla wybranych. Wygląda świetnie i nie musieliśmy wprowadzać żadnych zmian w istniejących listach rozwijanych z danymi pochodzącymi ze źródła ObjectDatasource. Po prostu działa!
Matt
3

Szukam tego samego. Do tej pory najbardziej podobał mi się ten dla ExtJs - z wyjątkiem tego, że nie testowałem go z dużymi listami: www.sencha.com/deploy/dev/examples/form/combos.html

Oto kolejny naprawdę (!) Szybki: http://jsearchdropdown.sourceforge.net/

Na przykład SexyCombo działa całkiem fantastycznie, ale jest o wiele wolniejszy w przypadku dłuższych list. Folk UFD SexyCombo jest dużo szybszy, ale czas inicjalizacji jest nadal dość długi w przypadku naprawdę dużych list. Poza tym czasami dostaję trochę! "błyskowy". Ale myślę, że w najbliższej przyszłości pojawią się aktualizacje.

Sithlord
źródło
ExtJs działa również bardzo dobrze z dużymi (lub ogromnymi) listami, ponieważ obsługuje stronicowanie i możesz zapytać o wartości lokalnie lub zdecydować się wysłać zapytanie z powrotem do serwera i dostarczyć kolejną porcję wyników. Problem z ExtJs polega na tym, że jest to stroma krzywa uczenia się.
stivlo
3

Sexy-Combo zostało wycofane. Dalszy rozwój istnieje w projekcie Unobtrusive Fast-Filter Dropdown. Wygląda obiecująco, ponieważ mam podobne wymagania.

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

penguincoder
źródło
Chociaż fajnie, wygląda na to, że nie działa z jquery> 1.6. Szukasz innych opcji.
dan radu
2

Dlaczego nie spróbujesz http://jqueryajax.codeplex.com/ . Jest to zbiór kontrolek ASP.NET, który zawiera również listę rozwijaną z wieloma kolumnami.


źródło
2

Miałem ten sam problem, więc w końcu stworzyłem własny.

Ma wbudowany system szablonów, dzięki czemu możesz sprawić, że wyniki będą wyglądać tak, jak chcesz. Działa na wszystkich głównych przeglądarkach i akceptuje tablice oraz obiekty json. http://code.google.com/p/custom-combobox/

Donny V.
źródło
2

Oto naprawdę fajne: http://www.xnodesystems.com/ Pole listy dynamicznej nie tylko ma funkcję autouzupełniania, ale także może przeprowadzać walidację.

Richard Xiong
źródło
2

Wypróbowałem http://jqueryui.com/demos/autocomplete/#combobox i napotkane problemy były następujące:

  • Renderowanie w różnych przeglądarkach
  • Brak możliwości podania wartości niestandardowej

W rezultacie trochę go poprawiłem i działało dobrze w ASP.NET MVC. Moją wersję CSS i skryptu widżetów można znaleźć tutaj http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

Znajduje się tam również próbka wiązania modelu MVC z wartością niestandardową.

Maxim Saplin
źródło
0

wszystko, czego potrzebujesz http://jquerycomboboxtmpl.codeplex.com/

rozwijana lista szablonów

rootkit
źródło
Proszę o wyjaśnienie przynajmniej proponowanego rozwiązania i dlaczego spełnia ono kryteria z pytania.
mtsr