Автозаполнение текстового поля

Как сделать текстовое поле автозаполнения, подобное тому, что здесь, в Stack Overflow, для полей тегов? Я хочу использовать его для своего приложения Rails.


person jonty    schedule 26.03.2009    source источник


Ответы (4)


StackOverflow использует плагин автозаполнения jQuery, он поддерживает несколько элементов.

Посмотрите демонстрации.

Фрагмент страницы редактирования:

$("#tagnames").autocomplete("/tags/filter", {
    max: 6,
    highlightItem: true,
    multiple: true,
    multipleSeparator: " ",
    matchContains: true,
    scroll: true,
    scrollHeight: 300
});
person Christian C. Salvadó    schedule 26.03.2009


Основная идея заключается в том, что вы инициируете AJAX-запросы к серверу, используя события onkeydown или onkeypress (желательно с небольшой задержкой), которые выполняют ваш поиск, используя текст, введенный до сих пор, и отправляют возможные завершения клиенту. Затем клиент выполняет манипуляции с DOM, чтобы отобразить их.

person chaos    schedule 26.03.2009

У вас есть 2 варианта, которые вы можете использовать Rails Jquery UJS с гем автозаполнения ИЛИ TokenInputs и посмотрите Railscasts на TokenFields, чтобы узнать, как настроить его для вашего ситуация. Лично мне нравится то, что последний делает со своими личными темами.

person LearningRoR    schedule 30.06.2011