如何在AUI Autocomplete搜索建议中限制显示实体数量

嘿，刚好我之前也碰到过这个问题！AUI的AutoCompleteList组件确实提供了专门的属性来限制搜索结果的显示数量——就是maxResults属性，直接设置这个属性就能解决你加载耗时的问题啦。

你只需要把这个属性加到你的初始化配置里，指定你想要显示的最大结果数就行，比如设置为10，就只会显示匹配的前10个用户。修改后的代码如下：

new A.AutoCompleteList( { 
  allowBrowserAutocomplete: 'true', 
  inputNode: '#search_id', 
  resultTextLocator: 'userId', 
  render: 'true', 
  resultHighlighter: 'phraseMatch', 
  resultFilters:['phraseMatch'], 
  source: userAgList,
  maxResults: 10 // 这里设置你想要的最大结果数量
})

另外补充个小提示：如果你的userAgList是一个非常大的数组，除了用maxResults在前端限制显示数量，也可以考虑在后端做分页或者提前过滤，这样能减少前端需要处理的数据量，进一步优化加载速度。不过maxResults是最直接快速的前端解决方案。

内容的提问来源于stack exchange，提问作者Akash