Профессиональный jQuery-интерфейс Combobox?

Есть ли профессиональные элементы управления Combobox (раскрывающийся список с автозапуском) на основе библиотеки jQuery?

Он должен иметь возможность обрабатывать большие наборы данных и иметь несколько скинов. Список результатов с несколькими столбцами тоже будет отличным. Я работаю с ASP.NET, но это не проблема, если мне пришлось написать для нее обертку.

alt text

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

ОТВЕТЫ

Ответ 1

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

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

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

Ответ 2

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

FlexBox

Ответ 3

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

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

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

Ответ 4

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

Ответ 5

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

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

Ответ 6

Другим приятным плагином является Sexy Combo

Ответ 8

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

UPDATE:

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

Ответ 9

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

Ответ 11

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

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

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

Ответ 12

Sexy-Combo устарел. Дальнейшая разработка существует в проекте Unbruusive Fast-Filter Dropdown. Выглядит многообещающе, поскольку у меня есть аналогичные требования.

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

Ответ 13

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

Ответ 14

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

Ответ 15

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

Ответ 16

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

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

Ответ 17

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

Ответ 18

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

  • Кросс-браузер
  • Неспособность отправить пользовательские значения

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

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