My Typeahead.js/Bloodhound (0.11.1) non funziona come previsto. Dalla lunga lista di risultati json forniti, solo alcuni sono visualizzati come suggerimenti.Typeahead.js/Bloodhound visualizza solo un risultato
Ad esempio, se digito los
nel mio campo, ottengo solo Lostorf
e nient'altro, quando devono essere visualizzati 4 elementi selezionabili.
Questo è il mio codice:
HTML
<div id="remote">
<input class="typeahead" type="text">
</div>
JS
var searchablePlaces = new Bloodhound({
datumTokenizer : Bloodhound.tokenizers.obj.whitespace("term"),
queryTokenizer : Bloodhound.tokenizers.whitespace,
remote : {
url : 'http://www.example.com/autocomplete/%QUERY/',
wildcard : '%QUERY',
filter : function(response) { return response.data.results; }
},
limit : 10
});
searchablePlaces.initialize();
$('#remote .typeahead').typeahead(
{
hint : true,
highlight : true,
minLength : 2
},
{
name : 'searchable-places',
displayKey : "term",
source : searchablePlaces.ttAdapter()
})
JSON
{
"data": {
"query": "los",
"count": 4,
"results": {
"1": {
"term": "Losanna"
},
"2": {
"term": "Losone"
},
"3": {
"term": "Lostallo"
},
"4": {
"term": "Lostorf"
}
}
}
}
Vedete qualcosa di sbagliato? Grazie!
Possibile causa: https://github.com/twitter/typeahead.js/issues/1218 –