如何使用 devbridge jquery 自动完成限制自动完成结果答案

【问题标题】：How to limit autocomplete results with devbridge jquery autocomplete如何使用 devbridge jquery 自动完成限制自动完成结果
【发布时间】：2014-09-19 02:56:11
【问题描述】：

我正在使用 devbridge jquery 自动完成插件 https://github.com/devbridge/jQuery-Autocomplete 我已经让它工作了。但是，我发现当您开始在搜索框中输入内容时，它实际上并没有限制结果集（就像在演示 http://www.devbridge.com/sourcery/components/jquery-autocomplete/ 中所做的那样）。它所做的只是开始以蓝色突出显示一些建议，而保留所有其他建议。

这是我的代码：

var options = {
    serviceUrl: 'reps/names',
    minChars: 2
};
var autoComplete = $('#edit-field-rep-contact-name-value').autocomplete(options);

我在他们的 API 上看到了一堆设置，但不知道哪一个会限制结果

【问题讨论】：

标签： jquery jquery-plugins

【解决方案1】：

如果使用服务器端搜索，您应该限制来自服务器端的结果。如果使用本地查找，则指定 lookupLimit 的值：

var options = {
    minChars: 2,
    lookup: [], // Lookup data here
    lookupLimit: 10
};

在此处查看示例：https://github.com/devbridge/jQuery-Autocomplete#usage

【讨论】：

谢谢。我确实通过限制服务器端的搜索来解决这个问题。但是，我仍然可以使用上面的 javascript 代码，使用选项 serviceUrl

【解决方案2】：

试试这个

$("#edit-field-rep-contact-name-value").autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(mySource, request.term);

        response(results.slice(0, 10));
    }
});

【讨论】：

我在文档页面上没有将“来源”视为有效选项。我该如何使用它？什么是 mySource？和 request.term？我正在使用 ajax，所以不确定这是否会有所不同。