Dữ liệu làm mới tự động hoàn thành UI UI

Question

Tôi sử dụng tính năng tự động hoàn thành jQuery ui.

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; 
} 

Khi người dùng nhập màu mới, nó sẽ được lưu vào mảng màu. Tôi chuyển sang biểu mẫu tự động điền nhưng dữ liệu đã nhập không khả dụng cho đến khi tôi làm mới trang.

Bất kỳ ý tưởng nào về cách làm cho màu mới có thể tải lên để tự động hoàn tất?

Answer 1

Khi bạn cập nhật màu sắc, bạn cũng cần phải cập nhật các source that autocomplete uses, như thế này:

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

Here's a sample demo doing this, thêm một màu sắc và cập nhật các nguồn autocomplete một lần thứ hai.

Answer 2

Tôi đã thử giải pháp của Nick Craver, trông hoàn toàn hợp lý. Có thể, đó là vì tôi đang sử dụng chuỗi URL thay vì một mảng là 'nguồn'. Thật không may giải pháp của ông không làm một làm mới sống cho dữ liệu ajax trở lại. Để làm mới một nguồn dữ liệu ajax, tôi thấy rằng các công việc sau:

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

Tôi nghĩ rằng phương pháp 'tìm kiếm' là cần thiết cho chuỗi hoặc nguồn URL ajax loại.