Profesjonalne sterowanie Comboboxem oparte na jQuery? [zamknięte]

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

Powinien być w stanie obsłużyć duże zbiory danych i mieć pewne opcje skórowania . Lista wyników wielolumnowa też byłaby świetna. Pracuję z ASP.NET ale to nie problem, gdybym musiał napisać do niego okładkę.

alt text

Używam już kontrolki innej firmy, ale napotkałem pewne problemy z kompatybilnością między dwoma kontrolami sprzedawcy. Chcę się pozbyć tego rodzaju zależności.

Author: Deduplicator, 2008-10-12

22 answers

Niestety, najlepsze co widziałem to jquery.combobox , ale tak naprawdę nie wygląda to na coś, czego naprawdę chciałbym używać w moich aplikacjach internetowych. Myślę, że są pewne problemy z użytecznością tej kontroli, ale jako użytkownik nie sądzę, bym wiedział, aby zacząć pisać na dropdownlist, aby przekształcić się w pole tekstowe.

Zdecydowanie wolę pole rozwijane Combo , ale nadal ma pewne funkcje, które chciałbym i nadal jest w alfie. Jedyne co mi się w tym nie podoba poza tym, że jest alfą... jest to, że po wpisaniu w combobox, oryginalne elementy dropdownlist znikają. Może jednak jest do tego jakieś ustawienie... a może można go dodać dość łatwo.

To jedyne dwie opcje, o których wiem. Powodzenia w poszukiwaniach. Chciałbym usłyszeć, czy znajdziesz jedną lub czy druga opcja Ci odpowiada.

 24
Author: Elijah Manor,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-09-26 15:13:10

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

FlexBox

 53
Author: GeorgeBarker,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-02-02 15:59:06

Każdy, kto szuka jQuery "combo box" wydaje się być kierowany na to pytanie. Mój post jest dla osób odwiedzających tę stronę, aby znaleźć "tradycyjne" combo box, a nie ODPOWIEDŹ na oryginalne pytanie. Powyższe rozwiązania skupiają się na wykorzystaniu wejścia jako środka do filtrowania i autouzupełniania istniejącej wartości select. (świetne dla dużych zbiorów danych)

Jeśli szukasz tradycyjnego pola combo, które jest po prostu " wpisz coś lub wybierz z tych wstępnie zdefiniowanych wartości "(no we nie ukryje tych, które nie pasują podczas pisania), wszystko, co możesz zrobić, to

<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ć łatwo owinąć to w wtyczkę, która konwertuje istniejący znacznik select, choć jeszcze tego nie widziałem.

P. S.: głównym problemem jaki widzę z "jQuery Editable Combobox" jest to, że pozostaje to lista select, i wcale nie jest oczywiste, że można po prostu zacząć coś wpisywać nowy.

 24
Author: Danny W. Adair,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-04-10 02:42:56

Pojawił się nowy widelec projektu sexy-combo, który wygląda obiecująco: http://code.google.com/p/ufd/

 15
Author: lomaxx,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-04-13 11:45:18

W przypadku dużych zbiorów danych, może jQuery UI Autocomplete, który jest w zasadzie "oficjalną" wersją wtyczki Jorn Zaeferrer autocomplete?

Napisałem również prosty jQuery combobox plugin, który dostał dość dobre opinie od swoich użytkowników. Jest to jawnie nie przeznaczone dla dużych zbiorów danych, chociaż; myślę, że jeśli chcesz coś, co ścina listę na podstawie tego, co typy użytkowników, jesteś lepiej z Jorn ' s autocompletion plugin.

 14
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-01-08 04:55:19

Kolejny fajny plugin to Sexy Combo

 10
Author: pera,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-04-09 18:36:56

To też jest obiecujące:

JQuery rozwijane Combo Box on simpletutorials.com

 7
Author: Anthony Kong,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-02-25 07:06:04

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

UPDATE:

Funkcja autouzupełniania jest teraz podstawową funkcją jQuery UI, Zobacz dokumenty.

 7
Author: Sander Versluys,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-02 13:49:56

Jeśli nie potrzebujesz wielu kolumn, wybrany jest kolejnym dobrym wyborem. Licencja MIT

 5
Author: mortdale,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-04 22:43:08

Znalazłem ten drugi: http://code.google.com/p/jquery-jec/

Również wydaje się dobrym rozwiązaniem.

 3
Author: Hugo,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-01-27 18:27:28

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

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

Na przykład SexyCombo działa dość fantastycznie, ale jest sposobem na spowolnienie dla dłuższe listy. SexyCombo folk UFD jest o wiele szybszy, ale Czas inicjalizacji jest nadal dość powolny dla naprawdę dużych list. Poza tym dostaję czasami trochę! / align = "left" / Ale myślę, że w niedalekiej przyszłości pojawią się pewne aktualizacje.

 3
Author: Sithlord,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-06-16 00:06:29

Sexy-Combo zostało wycofane. Dalszy rozwój istnieje w projekcie rozwijanym dyskretny Szybki filtr. Wygląda obiecująco, bo mam podobne wymagania.

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

 3
Author: penguincoder,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-06-23 18:46:16

Lubię select2 , jest bogaty w funkcje, miły i aktywny. Szczególnie jak funkcja wyszukiwania diakrytyczna .

 3
Author: gabor,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-02-12 19:43:34

Dlaczego nie spróbujesz http://jqueryajax.codeplex.com / . jest to zbiór ASP.NET kontrolki, które zawierają wielokolumn rozwijane, jak również.

 2
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-03-28 14:01:09

Activewidgets ma bardzo ładny wygląd. Nie mam pojęcia, jak dobrze działa na dużych zestawach danych. http://www.activewidgets.com/ui.combo/

 2
Author: ,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-09-29 03:41:41

Miałem ten sam problem, więc skończyło się na zrobieniu własnego.

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

 2
Author: Donny V.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-01-26 21:07:51

Tutaj jest naprawdę fajny: http://www.xnodesystems.com / Pole Dynamic List ma nie tylko możliwość autouzupełniania, ale także umożliwia walidację.

 2
Author: Richard Xiong,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-08-11 23:32:19

Próbowałem http://jqueryui.com/demos/autocomplete/#combobox i napotykane problemy były:

  • renderowanie między przeglądarkami
  • niemożność przesłania wartości niestandardowej

W rezultacie trochę go podkręciłem i działało mi dobrze w ASP.NET MVC. Moja wersja CSS i skrypt widget można znaleźć tutaj http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

Przykład na powiązanie modelu MVC z wartością niestandardową jest również tam.

 2
Author: Maxim Saplin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-12-30 12:38:42
 1
Author: arieltools,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-03-10 02:58:43

Spróbuj tego:

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

Bardzo ładny z wieloma funkcjami, w tym lokalizacją.

 1
Author: Chris,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-02 15:36:05

Gorąco polecam Typ Twittera:

Http://twitter.github.io/typeahead.js/

 1
Author: Artur Bodera,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-11-13 12:58:56

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

Rozwijane szablony

 0
Author: rootkit,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-12-14 05:41:16