jQuery Autocomplete Reihenfolge der Ergebnisse

Question

Ich verwende die jQuery-autocomplete plugin, um Vorschläge für die Vervollständigung der Eingabezeichenfolge mit einem AJAX-Aufruf an einen Server zu erhalten. Außerdem sorgt der Server dafür, dass die Ergebnisse in der Reihenfolge zurückgegeben werden, in der sie angezeigt werden sollen. Die automatische Vervollständigung zeigt sie jedoch in einer anderen Reihenfolge an.

Wie kann ich jQuery Autocomplete konfigurieren, um die Ausgabe nicht neu zu ordnen? Ich benötige keine Verarbeitung auf Kundenseite, da die Daten bereits nach Bedarf sortiert/sortiert wurden.

Answer 1

Nun, es stellte sich einfacher aus als ich dachte. Ich entschied mich, den Code des Plugins zu lesen und zu modifizieren, indem ich den Code auskommentierte, der meine Ausgabe sortiert.

Das ist, wenn ich eine Variable 'sortResults: true' in Standardeinstellungen gefunden habe. Also musste ich diese Variable nur auf false setzen. Ich habe das jedoch nicht in der Dokumentation gefunden.

$('#search').autocomplete ({ url: "index.php", sortResults: false })

Jetzt ist die Ausgabe genau in der Reihenfolge, dass ich brauche.

bekam ich die Idee, den Code zu lesen, um das Problem von hier zu finden/lösen: jQuery "Autocomplete" plugin is messing up the order of my data (Das ist nicht das gleiche Plugin)

Dank. :)

Answer 2

Sortieren Sie einfach die Serverergebnisse, bevor Sie sie an die automatische Vervollständigung senden.

Also, bevor Sie die sort() Funktion auf $return_arr

Sie verwenden echo json_encode($return_arr); auch so etwas wie dies versuchen:

Die Logik eine Reihe von Übereinstimmungen aufzubauen ist, die mit dem Begriff zu starten, und dann Verknüpfen Sie das mit Übereinstimmungen, die den Begriff enthalten, aber nicht damit beginnen.

$(document).ready(function() { 
    var source = ['Adam', 'Benjamin', 'Matt', 'Michael', 'Sam', 'Tim']; 
    $("input").autocomplete({ 
     source: function (request, response) { 
      var term = $.ui.autocomplete.escapeRegex(request.term) 
       , startsWithMatcher = new RegExp("^" + term, "i") 
       , startsWith = $.grep(source, function(value) { 
        return startsWithMatcher.test(value.label || value.value || value); 
       }) 
       , containsMatcher = new RegExp(term, "i") 
       , contains = $.grep(source, function (value) { 
        return $.inArray(value, startsWith) < 0 && 
         containsMatcher.test(value.label || value.value || value); 
       }); 

      response(startsWith.concat(contains)); 
     } 
    }); 
}); 

Beispiel:http://jsfiddle.net/zkVrs/

Quelle:https://stackoverflow.com/a/8302996/973155

Answer 3

Da es im aktuellen Build des jQuery Autocomplete Plugins keine Sortieroptionen gibt, musste ich eine andere Lösung für dieses Problem suchen und fand heraus, dass das Serverergebnis nur dann normalisiert wird, wenn es nicht a ist reines Array mit Objekten {label: ..., value: ...}.

Unter Berücksichtigung von PHP als eine Sprache Ihrer Verwendung, json_encode (array_values ​​($ your_array)); sollte den Trick machen.