Jquery Autocomplete - keine Ergebnis-Meldung

Ich würde gerne die autocomplete zu Anzeige "keine Ergebnisse" in der drop-down - Liste, wenn kein Ergebnis gefunden werden.

Meine situation ist wie die JQuery Standard-Beispiel.

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
        ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

Danke für Eure Hilfe.

mögliche Duplikate von Erkennen nicht die Ergebnisse auf jQuery UI autocomplete
Tatsächlich, dies ist etwas anders als die, die ich verlinkt als Duplikat. Bitte ignorieren Sie mein enger Abstimmung.

InformationsquelleAutor m14Grl | 2011-12-29

  1. 10

    Hier ist ein Weg, Sie können dies erreichen:

    $(function() {
    var availableTags = [ /* snip */];  
    var NoResultsLabel = "No Results";

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

            if (!results.length) {
                results = [NoResultsLabel];
            }

            response(results);
        },
        select: function (event, ui) {
            if (ui.item.label === NoResultsLabel) {
                event.preventDefault();
            }
        },
        focus: function (event, ui) {
            if (ui.item.label === NoResultsLabel) {
                event.preventDefault();
            }
        }
    });
});

    Im Grunde, Sie müssen eine Funktion bieten, Referenz wie die source auf die Autovervollständigung. Innerhalb der Funktion, die Sie verwenden können, die gleiche Nutzenfunktion ($.ui.autocomplete.filter) zu filtern die Ergebnisse. Dann können Sie sehen, wenn die Ergebnisse der array ist leer. Wenn es ist, können Sie eine Standard-Nachricht zu der Liste der Suchergebnisse.

    Den anderen beiden Optionen habe ich angegeben verhindern, dass die Keine Ergebnisse option ausgewählt und fokussiert.

    Beispiel: http://jsfiddle.net/er6LF/

    Perfekt! Danke Andrew. Ich kann jetzt nach Hause gehen.
    Gerne helfen!

    InformationsquelleAutor Andrew Whitaker

  2. 0

    Diese Geige hat eine Arbeitsgruppe ist eine funktionale Beispiel für Sie: http://jsfiddle.net/andrewodri/wAg4g/

    habe ich geändert:

    $("#tags").autocomplete({source: availableTags});

    :

    $("#tags").autocomplete(availableTags);

    können Sie sehen, es läuft auf der neuesten version von jQuery, und hat das plugin verlinkt unter "Verwalten von Ressourcen", entnommen aus: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/.

    Update: Der obige code funktioniert, wenn Sie geschehen, werden mit dem plugin verwiesen... Wenn nicht, scheint es zu funktionieren 🙂 Bitte beachten Sie, dass ich Tat, fügen Sie den code innerhalb $(document).ready();, die möglicherweise verhindern, wenn von der Arbeit. Sehen Sie sich bitte die Gabel Geige: http://jsfiddle.net/andrewodri/VLKwe/

    Hoffe, das hilft!

    BTW, zusätzliche Dokumentation zu diesem plugin ist hier verfügbar: docs.jquery.com/Plugins/Autocomplete
    Die OP ist nicht mit diesem plugin, wird er/Sie mit jQueryUI autocomplete (jqueryui.com/demos/autocomplete)
    Ahh, mein schlechtes! Schauen Sie sich diese Gabel Geige dann: jsfiddle.net/andrewodri/VLKwe. Post aktualisiert 🙂

    InformationsquelleAutor Andrew Odri

Schreibe einen Kommentar