Как показать несколько значений в автозаполнении jQuery?

Question

Я пытаюсь создать окно выбора/поиска нескольких столбцов, как показано ниже.

Я думал об использовании JQuery-UI автозаполнения виджет. Я сделаю список в фокусе, чтобы пользователь мог выбрать прямо из списка или начать вводить в поле поиска, чтобы отфильтровать показанные данные.

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

Я хочу показать более двух столбцов в списке. Любая идея, как это сделать?

спасибо,

Answer 1

Используйте autocomplete renderItem для настройки результатов поиска. Для просмотра нескольких столбцов используйте html-код в рендеринге для рендеринга таблицы, например вида. И затем используйте библиотеку this для рендеринга html в пользовательском интерфейсе autocomplete.

Answer 2

В итоге я использовал typeahead.js из твиттера.

Сопряженный с двигателем ищейки, он дает возможность указать шаблоны костюмов для списка.