Професійне керування Combobox на основі jQuery? [зачинено]

Чи існують які-небудь професійні елементи керування Combobox (випадаючий список із самонавіюванням) на основі бібліотеки jQuery?

Він повинен бути в змозі обробляти великі масиви даних і мають деякі Skinning варіанту. Список декілька стовпців результату буде занадто великим. Я працюю з ASP.NET, але це не проблема, якщо мені довелося написати обгортку для нього.

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

На жаль, найкраще, що я бачив, - це jquery.combobox , але насправді це не схоже на те, що я дійсно хотів би використовувати у своїх веб-додатках. Я думаю, що у цього елемента керування є деякі проблеми з юзабіліті, але, як користувач, я не думаю, що я б знав, як починати друкувати, щоб випадаючий список перетворився на текстове поле.

Я набагато віддаю перевагу розкривному списку Combo , але він все ще має деякі функції, які я хотів би, і все ще в альфа-версії. Єдина думка, що мені це не подобається, крім того, що це альфа ... це те, що як тільки я вводжу в комбобокс, оригінальні елементи спадного списку зникають. Однак, можливо, для цього є налаштування ... або, можливо, його можна додати досить легко.

Це єдині два варіанти, які я знаю. Удачі вам у пошуках. Я хотів би почути, чи знайдете ви один, чи вам підійде другий варіант.

Ось такий, який виглядає дуже перспективним. Це справжнє поєднання - ви бачите, що вводите. Є крута функція, яку я ніде не бачив: результати підкачки.

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, який отримав досить добрий відгук від своїх користувачів. Він явно не призначений для великих наборів даних; Я вважаю, що якщо ви хочете щось, що обрізає список на основі того, що вводить користувач, вам краще скористатися плагіном автозаповнення Jorn.

Ще один приємний плагін - Sexy Combo

Це також багатообіцяюче:

Спадний розкривний список JQuery на simpletutorials.com

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

ОНОВЛЕННЯ:

Функціонал автозавершення тепер є основною функцією інтерфейсу jQuery, див. Документи .

Якщо вам не потрібні багатостолбці, обраним є ще один хороший вибір. Ліцензований MIT

Я знайшов цей інший: http://code.google.com/p/jquery-jec/

Також здається хорошим варіантом.

Я шукаю те саме. Досі мені найбільше сподобався цей для ExtJs - за винятком того, що я не тестував його з великими списками: 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/

випадаюче меню на шаблонах