jQuery Ordine di completamento automatico dei risultati

Question

Sto utilizzando jQuery-autocomplete plugin per ottenere suggerimenti per il completamento della stringa di input utilizzando una chiamata AJAX a un server. Inoltre, il server si occupa di restituire i risultati nell'ordine in cui vorrei che fossero visualizzati, ma il completamento automatico li mostra in un ordine diverso.

Come è possibile configurare il completamento automatico di jQuery per non riordinare l'output? Non ho bisogno di alcun tipo di elaborazione da parte del cliente in quanto i dati sono già stati ordinati/ordinati come richiesto.

Answer 1

Beh, si è rivelato essere più semplice di quanto pensassi. Ho deciso di leggere il codice del plugin e modificarlo commentando il codice che ordina il mio output.

Ecco quando ho trovato una variabile 'sortResults: true' nei valori predefiniti. Quindi, tutto ciò di cui avevo bisogno era di impostare quella variabile su false. Non ho trovato questo nella documentazione però.

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

Ora la produzione è nell'ordine esatto in cui ho bisogno.

ho avuto l'idea di leggere il codice per trovare/risolvere il problema da qui: jQuery "Autocomplete" plugin is messing up the order of my data (Questo non è lo stesso plugin)

Grazie. :)

Answer 2

È necessario eseguire semplicemente l'ordinamento dei risultati del server prima di inviarlo alla funzione di completamento automatico.

Quindi, prima di echo json_encode($return_arr); utilizzare la funzione sort() su $return_arr

Si può anche provare qualcosa di simile:

La logica è quella di costruire una serie di partite che iniziano con il termine, e quindi concatenare quello con le partite che contengono il termine ma non iniziare con esso.

$(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)); 
     } 
    }); 
}); 

Esempio:http://jsfiddle.net/zkVrs/

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

Answer 3

Poiché non ci sono opzioni sortResults nella build attuale del plugin di completamento automatico jQuery, ho dovuto cercare un'altra soluzione a questo problema e ho scoperto che l'unico motivo per cui il plug-in è il risultato dell'ordinamento è che la risposta del server viene normalizzata ogni volta che non è un array puro con oggetti {etichetta: ..., valore: ...}.

Considerando PHP come lingua di utilizzo, json_encode (array_values ​​($ your_array)); dovrebbe fare il trucco.