如何使用devbridge jquery自动完成功能限制自动完成结果

时间:2014-09-17 14:53:35

标签: jquery jquery-plugins

我正在使用devbridge jquery autocomplete插件 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上看到了很多设置,但无法确定哪一个会限制结果

2 个答案:

答案 0 :(得分:1)

如果使用服务器端搜索,则应限制服务器端的结果。如果使用本地查找,则为lookupLimit指定值:

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

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

答案 1 :(得分:0)

尝试这个

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

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