jQuery UI autouzupełnianie odśwież dane

Question

Używam funkcji autouzupełniania ui jQuery.

var colors; 

$(document).ready(function(){ 
     loadColors(); 
     $('#empf').autocomplete(colors); 
} 

function loadColors(){ 
colors = new Array(getNumColor()); 
//in a loop save the colors to array using colors[i] = ... 
} 

function addColor(){ 
    ... 
    color[n] = color; 
} 

Po wprowadzeniu przez użytkownika nowego koloru zostaje on zapisany w tablicy kolorów. Przechodzę do formularza autouzupełniania, ale wprowadzone dane nie są dostępne, dopóki nie odświeżę strony.

Wszelkie pomysły na udostępnienie nowego koloru dla autouzupełniania?

Answer 1

Po zaktualizowaniu kolor, trzeba także zaktualizować source that autocomplete uses coś takiego:

function addColor() { 
    //add colors 
    $('#empf').autocomplete("option", { source: colors }); 
} 

Here's a sample demo doing this, dodając kolor i aktualizowanie źródła autouzupełniania raz drugi.

Answer 2

Próbowałem rozwiązania Nicka Cravera, które wygląda całkowicie logicznie. Być może dlatego, że używam łańcucha adresu URL, a nie tablicy jako "źródła". Niestety jego rozwiązanie nie wykonuje odświeżania na żywo dla zwróconych danych ajaxowych. W celu odświeżenia ajax źródło danych, stwierdziliśmy, że następujące prace:

element.autocomplete("option","source",url); 
element.autocomplete("search"); 

Myślę, że metoda „szukaj” jest wymagane dla typów łańcuchowych lub ajax źródłowych adresów URL.