Limiter les résultats dans l'autocomplétion de jQuery UI

Question

J'utilise jQuery UI Autocomplete.

 $("#task").autocomplete({
     max:10,
     minLength:3,
     source: myarray
 });          

Le paramètre max ne fonctionne pas et j'obtiens toujours plus de 10 résultats. Est-ce que quelque chose m'échappe ?

Answer 1

Voici le la documentation appropriée pour le jQueryUI widget. Il n'y a pas de paramètre intégré pour limiter les résultats maximums, mais vous pouvez le faire facilement :

$("#auto").autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(myarray, request.term);

        response(results.slice(0, 10));
    }
});

Vous pouvez fournir une fonction à la fonction source et ensuite appeler slice sur le tableau filtré.

Voici un exemple concret : http://jsfiddle.net/andrewwhitaker/vqwBP/

Answer 2

Vous pouvez régler le minlength à une grande valeur ou vous pouvez le faire par css comme ceci,

.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}

Answer 3

Comme "Jayantha" l'a dit, utiliser les css serait l'approche la plus simple, mais ceci pourrait être mieux,

.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}

Notez que la seule différence est "max-height". Cela permettra au widget d'être redimensionné à une hauteur inférieure, mais pas supérieure à 200px.

Answer 4

Voici ce que j'ai utilisé

.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;}

Le débordement automatique pour que la barre de défilement ne s'affiche pas quand elle n'est pas censée le faire.

Answer 5

Si les résultats proviennent d'une requête mysql, il est plus efficace de limiter directement le résultat mysql :

select [...] from [...] order by [...] limit 0,10

où 10 est le nombre maximum de rangées que vous voulez.