jQuery UI 自动完成刷新数据

Question

我使用 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;
}

当用户输入新颜色时，它将保存到颜色数组中。我切换到自动完成表单，但输入的数据在刷新页面之前才可用。

有什么想法如何使新颜色可用于自动完成吗？

Answer 1

更新颜色时，还需要更新自动完成使用的源，像这样：

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

    // Try "option" for older versions (if "setOptions" does not work).
}

这是一个执行此操作的示例演示，添加颜色并更新自动完成源一次一秒钟。

Answer 2

我尝试过尼克·克拉弗的解决方案，它看起来完全合乎逻辑。也许，这是因为我使用 URL 字符串而不是数组作为“源”。不幸的是，他的解决方案不会对返回的 ajax 数据进行实时刷新。为了刷新 ajax 数据源，我发现以下方法有效：

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

我认为字符串或 ajax URL 源类型需要“搜索”方法。