La manipulation de l'absence de résultats dans jquery autocomplete

Hé, je suis en train de retourner un message quand il n'y a pas des résultats pour les utilisateurs de la requête en cours! je sais que j'ai besoin de puiser dans l'événement keyup, mais il semble que le plugin utilise

OriginalL'auteur Aaron Mc Adam | 2009-05-11

Vous pourriez essayer de la fourniture d'un parse option (fonction pour gérer les données d'analyse) et faire ce que vous avez besoin quand aucun résultat n'est retourné à analyser.

Cet exemple suppose que vous obtenez un tableau des objets JSON contenant prénom, Nom et Adresse des attributs.

   $('#search').autocomplete( {
       dataType: "json",
       parse: function(data) {
         var array = new Array();
         if (!data || data.length == 0) {
             //handle no data case specially
         }
         else {
            for (var i = 0; i < data.length; ++i) {
               var datum = data[i];
               array[array.length] = { 
                                       data: datum,
                                       value: data.FullName + ' ' + data.Address,
                                       result: data.DisplayName
                                     };
            }
         }
         return array;
       }
   });

hmmm belle idée merci mec!
Merci un million de mec, workin un charme!
Nice, m'a beaucoup aidé 😀

OriginalL'auteur tvanfosson

9

Cette question, c'est pas vraiment de date, de toute façon je suis en train de travailler avec la nouvelle INTERFACE utilisateur de jQuery 1.8.16, la saisie semi-automatique est maintenant assez différents:http://jqueryui.com/demos/autocomplete/#default

De toute façon si vous essayez de le faire la même chose que la question demande, il n'y a plus aucune fonction d'analyse, autant que je sache, il n'existe pas de fonction qui est appelée avec les résultats de la recherche.

La façon dont j'ai réussi à tirer cette off est en remplaçant la saisie semi-automatique du filtre de la fonction Note: cette affecteront tous vos auto-complété
```
$.ui.autocomplete.filter = function(array, term) {
            var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );

            var aryMatches = $.grep( array, function(value) {
                return matcher.test(value.label || value.value || value);
            });

            if (aryMatches.length == 0){
                aryMatches.push({
                    label: '<span class="info" style="font-style: italic;">no match found</span>',
                    value: null
                });                     
            }

            return aryMatches;
        };
```
La fonction est légèrement modifié à partir de la source, la commande grep appel est le même, mais si il n'y a pas des résultats-je ajouter un objet avec une valeur null, alors je remplace les appels select pour vérifier une valeur null.

Cela vous donne un effet où, si vous continuez à taper et aucune correspondance n'est trouvée, vous obtenez le "pas de correspondances" de l'élément dans la liste déroulante, ce qui est plutôt cool.

Pour remplacer l'sélectionnez appels voir jQuery UI Autocomplete désactiver Sélectionnez & Fermer les événements
```
$(this).data('autocomplete').menu.options.selected = function(oEvent, ui){

            if ($(ui.item).data('item.autocomplete').value != null){
                //your code here - remember to call close on your autocomplete after


            }
        };
```
Depuis que je l'utilise sur toutes mes auto-complété sur une page, assurez-vous de vérifier si la valeur est null première! Avant d'essayer de référence clés qui ne sont pas là.

haha j'ai posé cette question il y a des années, je suis sûr que je ferais différemment maintenant avec un modèle élégant, mais merci de toute façon

OriginalL'auteur Clarence Liu

J'utilise le code suivant pour le même objet (le message est affiché dans la liste de saisie semi -):

success: function(data, status, xhr){                       
    if(!data.length){
        var result = [
            {
                label: 'There are no matches for your query: ' + response.term, 
                value: response.term
            }
        ];
        response(result);
    }
    else{
        //normal response
    }
}

OriginalL'auteur kcmr

Vous pouvez également utiliser la "réponse" de l'événement pour examiner cette. Simple mais puissant. http://api.jqueryui.com/autocomplete/#event-response

response: function (event, ui) {
            if (ui.content.length == 0) {
                //Display an alert or something similar since there are no results
            }
        },

OriginalL'auteur KWondra

Vous devez vous connecter pour publier un commentaire.