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.


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.


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


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.



15

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


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.


Wtyczka autouzupełniania Jorna Zaeferrera jest prosta i niesamowita
Jake Wilson



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ę .


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


+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.


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/


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.



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/



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ą.





Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.