Bootstrap typeahead ajax result format - Exemplo
Eu estou usando o Bootstrap typeahead com uma função ajax, e quero saber qual é o formato de resultado correto do Json, para retornar um Id e uma descrição. Eu preciso do Id para vincular o elemento selecionado typeahead com um modelo mvc3.
Este é o código:
[Html]
<input id="myTypeahead" class='ajax-typeahead' type="text" data-link="myUrl" data-provide="typeahead" />
[Javascript]
$('#myTypeahead').typeahead({
source: function (query, process) {
return $.ajax({
url: $('#myTypeahead').data('link'),
type: 'post',
data: { query: query },
dataType: 'json',
success: function (jsonResult) {
return typeof jsonResult == 'undefined' ? false : process(jsonResult);
}
});
}
});
This works properly when I return a simple list of strings, for example:
{item1, item2, item3}
But I want to return a list with Id, for example:
{
{Id: 1, value: item1},
{Id: 2, value: item2},
{Id: 3, value: item3}
}
Como processar este resultado no ajax "success: function ()"?
Isso é muito fácil comAutocomplete jquery, porque eu posso retornar uma lista de objetos Json.
[jquery Autocomplete process data example]
...
success: function (data) {
response($.map(data, function (item) {
return { label: item.Id, value: item.Value, id: item.Id, data: item };
})
...
Mas isso não funciona com o typeahead do boostap.
Alguém pode me ajudar?
Obrigado.