jQuery AutoSuggest - Drew Wilson

Question

Я пытаюсь использовать Dew Wilson AutoSuggest plugin, чтобы получить json с сервера и отобразить результаты на моем пользовательском интерфейсе. Мой ответ выглядит следующим образом:

[{"id":1,"surname":"Surname","forename":"Forename", 
"address":{"id":5,"houseNameOrNumber":"357","addressDetail":"", 
"postCode":"HD3 4GR"},"gender":"F","age":56,"yearOfBirth":1953}] 

Я намерен показать следующую информацию в автоматическом ящике для предложений:

Surname, Forename 
357, HD3 4GR 
F, 56, 1953 

Может кто-то наставит меня, как я могу использовать плагин, чтобы показать вышеуказанную информацию в автозаполнении окна.

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

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
{minChars: 2, matchCase: true}); 

Заранее спасибо.

Answer 1

Вам необходимо использовать параметры selectedItemProp и selectedValueProp, указанные в документации.

EDIT:

Вы должны использовать опцию formatList комбинировать различные свойства. Вот пример:

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
    {minChars: 2, matchCase: true, 
    formatList: function(data, elem) { 
     var new_elem = elem.html(data.surname + ", " + data.forename + "<br />" + data.address.houseNameOrNumber + ", " + data.address.postCode + "<br />" + data.gender + ", " + data.age + ", " + data.yearOfBirth); 
     return new_elem; 
}});