Автозаполнение JQuery для поиска в нескольких столбцах таблицы

Question

Jquery UI's autocomplete дал решение для поиска по одному столбцу таблицы. Поэтому, если вы получаете источник из таблицы с полем firstname, вы можете искать только имя.

Но скажите, что у вас есть несколько полей для поиска, таких как firstname, lastname, postcode, contactNumber. Тогда в этом случае, как бы вы реализовали что-то подобное для autosuggest.

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

Возможно ли это?

Answer 1

Источником может быть массив, строка или функция.

Вам нужно будет написать пользовательскую функцию, чтобы прочитать все значения во всех столбцах таблиц и сохранить их в массиве. Затем вызовите метод .source с вашим массивом.

Для бонусных очков ряд флажков над полем поиска запрашивает у пользователя поиск только тех столбцов.

[ ] FirstName [X] Lastname [X] Department 
_Smith_____ 
John Smith IT 
Waylon Smithers Assistant to the Assistant Regional Manager 
Jackie Brown Gunsmith