Поведение контактов Google с использованием jquery

Question

Контакты Google позволяют искать контакты, вводя их в поле ввода, и периодически обновлять другую часть на экране с результатами

Что было бы хорошим подходом для имитации этого поведения с помощью jquery?

Я думал о запуске из jquery Autocompleter и соответственно изменить его, в конце концов, его поведение не очень отличается (в основном CSS)

Какое официальное название этого поведения? Я искал такой компонент в библиотеке пользовательского интерфейса jquery, но не смог его найти

Спасибо, Guy

Answer 1

Да, Автозаполнение звучит как то, что вы ищете. Это просто потребует от вас заполнить список на клиенте, который будет фильтроваться по значению текстового поля при вводе.

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

// Create an Array of Values
var data = "Core Selectors CSS Events Effects Ajax Utilities".split(" ");
// Attach autoComplete logic to a textbox
$("#example").autocomplete(data);

Первый параметр $.autoComplete() может принять URL-адрес , если вы тоже хотите таким образом загрузить свои значения.