11
votes

Timeahead.js et WhoDhound montrent un nombre impair de résultats

J'ai une implémentation tyseAphead / WhoDhound à mon frontend, qui récupère des données JSON à partir d'une lecture / scala-serveur. Timeahead-Version est 0.11.1. La mise en œuvre est la suivante:

html: p> xxx pré>

javascript: p> xxx pré>

json-réponse Le serveur donne: P>

[{"firstName":"Test","lastName":"User", "id":1}, ... ]

javascript jquery json typeahead.js bloodhound

0 commentaires

5 Réponses :

5
votes

Il y a un problème sur Timeahead dans le code:

https://github.com/twitter/typeahead.js/issues/1218 < / a>

Vous pouvez modifier le code vous-même dans le JS comme décrit sur la page d'émission.

2 commentaires

Il y a en effet un problème avec Timeeadhead, modifiant Timeahead.bundle.js comme Snaire dit dans la page GitHub.

Cela a perdu tellement de temps, ridicule

2
votes

essayez d'initialiser moteur code> avec moteur.Initialiser () code>; Retourner Suggestion CODE> Objet à Filtre CODE>, qui doit être disponible sur Modèles CODE> -> Suggestion code>; Initialisation moteur code> à source code> avec source: moteur.ttadapter () code>; Élément de retour en tant que chaîne code> à Suggestion code>, pour remplir le menu déroulant "Suggestion". Voir Theahead - Exemples - Modèles personnalisés

P>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script>
<div id="typeahead" class="col-md-8">
  <input class="typeahead form-control" type="text" placeholder="Select the user">
</div>

0 commentaires

2
votes

Si (Ike Me), vous ne voulez pas entrer dans la source Timeahead (par exemple parce que vous souhaitez utiliser la version min), vous pouvez également définir une limite très élevée. Vous devrez ensuite limiter le nombre d'éléments à mettre dans la liste vous-même.

$('#typeahead .typeahead')
.typeahead({
    hint: true,
    highlight: true,
    minLength: 1,
},
{
    name: 'engine',
    displayKey: 'fullName',
    source: engine,
    limit: 1000
})

0 commentaires

9
votes

Twitter supposément abandonné le projet. Essayez La fourchette maintenue . Il a le problème fixé.

1 commentaires

Je suis arrivé à cette question de " "et essayé votre réponse. Cela fonctionne parfaitement bien. Merci! Espérons que plus de gens pourraient vérifier votre solution :)

1
votes

Pour quiconque le trouve, utilisez la version maintenue du code. L'original est la merde.

https://github.com/corejavascript/typeahead.js

0 commentaires