Discussion :

[Fahlo]

Bonjour à tous,

j'aimerai si avec le plugin autocomplete de jQuery(http://api.jqueryui.com/autocomplete/) on pouvait récupérer le nombre de résultat, je m'explique avec une petite image .



Exemple d'appel avec le plugin autocomplete :

$('#xxxxx').autocomplete({
serviceUrl: '/qos/js/custom_script/xxxx.php',
dataType: 'json'
});

En gros j'aimerai afficher le nombre de résultat que mon autocomplete trouve dans la popup, voilà donc si vous avez des pistes ou des idées je suis preneur !

Cordialement

[Showie]

Bonjour,

Est ce que tu as essayé un response.length ?

[Fahlo]

Salut,

Merci de ta réponse, j'avais essayer déjà un truc sur jsfiddle( un truc dans ce style : http://jsfiddle.net/IrvinDominin/DZ9zU/1/ ) mais j'arrivais pas à l'afficher dans la popup

[Showie]

Re,

Ton code fonctionne.

Tu voudrais que ta DIV#code soit en popup ou tu voudrais l'afficher ailleurs ?

[Fahlo]

Re,

Si tu parle du jsfiddle, oui j'aimerai que au lieu d'afficher 3 résultats en bas de la textbox j'aimerai l'afficher dans la popup qui affiche les suggestions

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
        response: function (event, ui) {
            var len = ui.content.length;
            console.log(len);
        }

Quand je rajoute ça sa récupère bien le nombre de résultat et l'affiche dans la console, mais j'aimerai l'afficher en bas dans de la popup de suggestion.

[Showie]

Je vois l'idée.

Tu pourrais essayez un truc comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 $("#project").autocomplete({
        minLength: 0,
        source: projects,
        response: function (event, ui) {
            var len = ui.content.length;         
            ui.content.push({label: "Founded "+len+" results", value: null, role: "" });
        },
        open: function(event, ui) {
          $("ul.ui-autocomplete.ui-menu li:last").removeClass("ui-menu-item");
        }
    });

Mais on ne va pas se mentir c'est de la bidouille le plus propre serais de réécrire la fonction de callback qui construit ta liste comme dans l'exemple de la doc Jquery https://jqueryui.com/autocomplete/#custom-data

Si tu regarde dans le code, ils modifient ._renderItem afin de construire la liste.
Pour toi au lieu de créer des catégories il te faut juste ajouter une ligne de conclusion.