2010-05-14 3 views
0

Я хотел бы использовать Jquery's UI autocomplete, но с некоторыми дополнительными функциями: после того, как пользователь выберет предлагаемый элемент, я также хотел бы отобразить дополнительные данные, связанные с этим элементом (например, если поиск базы данных контактов выполняется, то я хотел бы отобразить адрес электронной почты, addres ...) в каком-либо элементе html.jquery UI автозаполнение - расширенные данные?

Есть ли способ сделать это?

Спасибо заранее,
Ile

EDIT:

Я хотел бы обеспечить более детальное описание того, что я на самом деле нужно:
Когда пользователь начинает поиск контактов, в результате чего из Я бы хотел вернуть идентификатор контакта и полное имя. После того, как пользователь выбирает определенный контакт, вызывается функция ajax и извлекает все данные из выбранного контакта, используя его идентификатор. Но я не знаю, как сделать следующее:

  • В результате из базы данных возвращать идентификатор и полное имя контакта в результате JSON (возможно, я бы найти решение, чтобы получить правильный формат, но я не знаю, как это нужно передать сценарию автозаполнения)

  • Как обрабатывать данные результата, чтобы отображать только полное имя и идентификатор, используется только при выборе определенного контакта, чтобы я мог получить полную информацию определенного контакта

+0

Я нашел ответ здесь: http://jqueryui.com/demos/autocomplete/ Существует много примеров и объяснено. –

ответ

3

Посмотрите на its events: Вы можете добавить обработчик для события select и отобразить всю свою информацию после его возникновения.

+0

Я просто изучал, что ... есть ли простой способ передать идентификатор результата, который предлагается? –

+0

Хм, я никогда не уверен, какой из них взять: попробуйте $ (this) .val(), например. В противном случае обработчик события передает два параметра: ui и event. Посмотрите документацию для них. –

+0

Я не уверен, что вы поняли мой вопрос, я его отредактировал, поэтому, если вы могли бы взглянуть. Благодаря! –

1

Вы можете указать дополнительные данные в форматеMatch. Параметр должен содержать некоторую разделительную строку разделителя. Позже в .result-функции, которая принимает 3 аргумента [событие, данные, отформатированные], вы можете получить его, разделив отформатированное использование разделителя и заполнив требуемые значения.

Смежные вопросы