是否可以设置自动完成的最大结果数？

Question

我正在使用 jQuery UI 的 autocomplete ：优秀的插件！

我唯一不喜欢的是，如果我有一个包含 40 项 的列表，我只想显示 10 项。

这是我的实际代码：

<script type="text/javascript">
    $(function() {
        var availableTags = [<%= m_strTags %>];
        $("#myTags").autocomplete({
            source: availableTags,
            max: 20
        });
    });
</script>

是否可以输入一些参数来执行此操作？

Answer 1

来自迁移指南：

最大：消失；如果你的服务器也发送
许多项目，传递一个函数
调用 $.ajax 的源选项和
截断或过滤结果
列表。

http://www.learningjquery.com/2010/06/autocomplete-migration-guide

Answer 2

如果您不想修改源列表，您可以尝试滚动结果：

http://jqueryui.com /演示/自动完成/#maxheight

Answer 3

您可以尝试使用回调函数作为源来实现您自己的过滤器函数。类似于：

$('input').autocomplete({
    source : function (request, response) {

        var max = 10;    // set this to something
        var j = 0;

        response($.map(availableTags, function(i) {
            if (j < max && i.toLowerCase().indexOf(request.term.toLowerCase()) != -1) {
                j++; return { label : i };
            } else { 
                return null;
            }   
        }));
    }
});

这基本上是尝试检查字符串数组中的每个元素，并执行不区分大小写的 contains 搜索。您可能需要修改它以仅检查 startsWith 或 endsWith 或您拥有的任何内容。当然，您可能还想使用 regex 来加快速度。

我还在这里设置了一个简单的示例： http://jsfiddle.net/2exCC/
尝试搜索类似 C 的内容。这应该返回到 scala，并留下 scheme。

Answer 4

这是一个令人讨厌的解决方案，你确实应该寻找一个更好的解决方案，但如果你找不到任何东西，你可以在自动完成打开带有建议的弹出窗口时隐藏 .ui-menu-item ( open 事件）。

Answer 5

是的。您需要使用 setOptions() 函数。

示例：

$('input#suggest').setOptions({
 max: 15
});

http://docs.jquery.com/Plugins/Autocomplete/setOptions#options