Профессиональный элемент управления Combobox на основе jQuery?

К сожалению, лучшее, что я видел, - это jquery.combobox, но на самом деле он не похож на то, что я действительно хотел бы использовать в своих веб-приложениях. Я думаю, что с этим элементом управления есть некоторые проблемы с удобством использования, но как пользователь я не думаю, что знал бы, чтобы начать вводить, чтобы раскрывающийся список превратился в текстовое поле.

Я предпочитаю Выпадающий список со списком, но у него все еще есть некоторые функции, которые мне нужны, и он все еще находится в альфа-версии. Единственное, что мне не нравится в этом, кроме того, что это альфа ... это то, что как только я набираю поле со списком, исходные элементы раскрывающегося списка исчезают. Однако, возможно, для этого есть настройка ... или, может быть, ее можно было бы довольно легко добавить.

Это единственные два варианта, о которых я знаю. Удачи в твоем поиске. Я хотел бы услышать, найдете ли вы один или вам подойдет второй вариант.

Для больших наборов данных как насчет Автозаполнение JQuery UI, который в основном является «официальной» версией Плагин автозаполнения Йорна Заеферрера?

Я также написал простой плагин Поле со списком JQuery, который получил довольно хорошие отзывы от пользователей. Это явно нет, предназначенное для больших наборов данных; Я полагаю, что если вам нужно что-то, что сокращает список в зависимости от того, что вводит пользователь, вам лучше использовать плагин автозаполнения Йорна.

Вот один, который выглядит очень многообещающим. Это настоящая комбинация - вы видите, что печатаете. Имеет интересную функцию, которую я нигде не видел: результаты подкачки.

FlexBox

Это тоже многообещающе:

Выпадающее поле со списком JQuery на simpletutorials.com

Почему бы вам не попробовать http://jqueryajax.codeplex.com/. Это набор элементов управления ASP.NET, который также содержит раскрывающийся список с несколькими столбцами.

Официальный компонент jQuery UI ComboBox / Autocomplete находится в процессе создания ... (ранее в бета-версии для jQuery UI 1.5.x), см. jQuery UI вики

ОБНОВИТЬ:

Функциональность автозаполнения теперь является основной функцией пользовательского интерфейса jQuery, см. документы.

Еще один приятный плагин - Сексуальное комбо

У Activewidgets очень красивый вид. Не знаю, насколько хорошо он работает с большими наборами данных. http://www.activewidgets.com/ui.combo/

У меня была такая же проблема, поэтому я решил сделать свою.

В него встроена система шаблонов, поэтому вы можете сделать результаты такими, как хотите. Работает во всех основных браузерах и принимает массивы и объекты json. http://code.google.com/p/custom-combobox/

Я нашел этот другой: http://code.google.com/p/jquery-jec/

Тоже вроде хороший вариант.

Вышел новый форк проекта sexy-combo, который выглядит многообещающим: http://code.google.com/p/ufd/

Я ищу то же самое. До сих пор мне больше всего нравился этот для ExtJ, за исключением того, что я не тестировал его с большими списками: www.sencha.com/deploy/dev/examples/form/combos.html

Вот еще один действительно (!) Быстрый: http://jsearchdropdown.sourceforge.net/

Например, SexyCombo работает фантастически, но может замедлить более длинные списки. Народный UFD SexyCombo работает намного быстрее, но время инициализации по-прежнему довольно велико для действительно огромных списков. Кроме того, иногда я получаю немного! «мигает». Но я думаю, что в ближайшее время будут некоторые обновления.

Вот действительно классный вариант: http://www.xnodesystems.com/ Поле динамического списка не только имеет возможность автозаполнения, но также может выполнять проверку.

все что тебе нужно http://jquerycomboboxtmpl.codeplex.com/

раскрывающийся список шаблонов

Любой, кто ищет "поле со списком" 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/

Должно быть легко превратить это в плагин, который преобразует существующий тег выбора, хотя я еще не видел, чтобы это было сделано.

P.S .: Основная проблема, которую я вижу с "jQuery Editable Combobox", заключается в том, что он остается списком выбора, и совсем не очевидно, что вы можете просто начать вводить что-то новое.

Sexy-Combo устарел. Дальнейшее развитие существует в проекте «Ненавязчивый раскрывающийся список с быстрым фильтром». Выглядит многообещающе, так как у меня похожие требования.

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

Я пробовал http://jqueryui.com/demos/autocomplete/#combobox, и возникли следующие проблемы:

• Кроссбраузерный рендеринг
• Невозможность отправить пользовательское значение

В результате я немного изменил его, и он отлично работал у меня в ASP.NET MVC. Мою версию CSS и скрипта виджета можно найти здесь http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

Также есть образец привязки модели MVC к пользовательскому значению.

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

Если вам не нужна многостолбцовая, выбранный - еще один хороший выбор. Лицензия MIT

Попробуй это:

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

Очень приятно, с множеством функций, включая локализацию.

Очень рекомендую Twitter Typeahead:

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

Мне нравится select2, он многофункциональный, красивый и активный. Особенно нравится функция поиска диакритический.