Существуют ли какие-либо профессиональные элементы управления Combobox (раскрывающийся список с автозаполнением) на основе библиотеки jQuery?
Он должен уметь обрабатывать большие наборы данных и иметь некоторые параметры скинов . Список результатов из нескольких столбцов тоже подойдет. Я работаю с ASP.NET, но это не проблема, если бы мне пришлось написать для него оболочку.
Я уже использую сторонний элемент управления, но я столкнулся с некоторыми проблемами совместимости между элементами управления двух поставщиков. Что ж, я хочу избавиться от такого рода зависимостей.
javascript
jquery
combobox
controls
Splattne
источник
источник
Ответы:
К сожалению, лучшее, что я видел, - это jquery.combobox , но на самом деле он не похож на то, что я действительно хотел бы использовать в своих веб-приложениях. Я думаю, что с этим элементом управления есть некоторые проблемы с удобством использования, но, как пользователь, я не думаю, что мне нужно было бы начать вводить текст, чтобы раскрывающийся список превратился в текстовое поле.
Я предпочитаю выпадающий список со списком , но в нем все еще есть некоторые функции, которые мне нужны, и он все еще находится в стадии альфа. Единственное, что мне не нравится, кроме того, что это альфа ... это то, что как только я набираю поле со списком, исходные элементы раскрывающегося списка исчезают. Однако, возможно, для этого есть настройка ... или, может быть, ее можно было бы довольно легко добавить.
Это единственные два варианта, о которых я знаю. Удачи в твоем поиске. Я хотел бы услышать, найдете ли вы один или вам подойдет второй вариант.
источник
Вот тот, который выглядит очень многообещающим. Это настоящая комбинация - вы видите, что печатаете. Имеет интересную функцию, которую я нигде не видел: результаты подкачки.
FlexBox
источник
Любой, кто ищет "поле со списком" 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/
Должно быть легко превратить это в плагин, который преобразует существующий тег выбора, хотя я еще не видел, чтобы это было сделано.
PS: Основная проблема, которую я вижу с "jQuery Editable Combobox", заключается в том, что он остается списком выбора, и совсем не очевидно, что вы можете просто начать вводить что-то новое.
источник
Вышел новый форк проекта sexy-combo, который выглядит многообещающим: http://code.google.com/p/ufd/
источник
Для больших наборов данных как насчет JQuery UI Autocomplete , который по сути является «официальной» версией плагина Jorn Zaeferrer Autocomplete ?
Я также написал простой плагин JQuery combobox, который получил довольно хорошие отзывы от пользователей. Однако это явно не предназначено для больших наборов данных; Я полагаю, что если вам нужно что-то, что сокращает список в зависимости от того, что вводит пользователь, вам лучше использовать плагин автозаполнения Йорна.
источник
Еще один приятный плагин - Sexy Combo.
источник
Это тоже многообещающе:
Выпадающее поле со списком JQuery на simpletutorials.com
источник
Официальный компонент jQuery UI ComboBox / Autocomplete находится в процессе создания ... (ранее был в бета-версии для jQuery UI 1.5.x), см. JQuery UI Wiki
ОБНОВИТЬ:
Функция автозаполнения теперь является основной функцией пользовательского интерфейса jQuery, см. Документацию .
источник
Если вам не нужна многоколоночная колонка, выберите еще один хороший выбор. Лицензия MIT
источник
Я нашел этот другой: http://code.google.com/p/jquery-jec/
Также кажется хорошим вариантом.
источник
Я ищу то же самое. До сих пор мне больше всего нравился этот для ExtJ, за исключением того, что я не тестировал его с большими списками: www.sencha.com/deploy/dev/examples/form/combos.html
Вот еще один действительно (!) Быстрый: http://jsearchdropdown.sourceforge.net/
Например, SexyCombo работает фантастически, но для длинных списков может замедлить работу. Народный UFD SexyCombo работает намного быстрее, но время инициализации все еще довольно медленное для действительно огромных списков. Кроме того, иногда я получаю немного! «мигает». Но я думаю, что в ближайшее время будут некоторые обновления.
источник
Sexy-Combo устарел. Дальнейшее развитие существует в проекте раскрывающегося меню «Ненавязчивый быстрый фильтр». Выглядит многообещающе, так как у меня похожие требования.
https://code.google.com/p/ufd/
источник
Мне нравится select2 , он многофункциональный, красивый и активный. Особенно нравится функция поиска по диакритическим знакам.
источник
Почему бы вам не попробовать http://jqueryajax.codeplex.com/ . Это набор элементов управления ASP.NET, который также содержит раскрывающийся список с несколькими столбцами.
источник
У Activewidgets очень красивый вид. Не знаю, насколько хорошо он работает с большими наборами данных. http://www.activewidgets.com/ui.combo/
источник
У меня была такая же проблема, поэтому я решил сделать свою.
В него встроена система шаблонов, поэтому вы можете сделать результаты такими, как хотите. Работает во всех основных браузерах и принимает массивы и объекты json. http://code.google.com/p/custom-combobox/
источник
Вот действительно классный вариант: http://www.xnodesystems.com/ Поле динамического списка не только имеет возможность автозаполнения, но также может выполнять проверку.
источник
Я пробовал 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/
источник
Попробуй это:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/index.htm
Очень приятно, с множеством функций, включая локализацию.
источник
Очень рекомендую Twitter Typeahead:
http://twitter.github.io/typeahead.js/
источник
все, что вам нужно http://jquerycomboboxtmpl.codeplex.com/
раскрывающийся список шаблонов
источник