javascript - JQuery UI 自动竞争多重搜索和限制

Question

我正在使用 jQuery UI Autocomplete 并尝试同时允许多次搜索和限制结果。在浏览完 SO 之后，我仍然不知道如何一起做这些事情——我可以单独做。

这是允许多次搜索的标准 jQuery UI 代码

    source: function( request, response ) {
    response( $.ui.autocomplete.filter(
                availableTags, extractLast( request.term ) ) );
    }

这是限制结果的代码:

      maxResults: 10,
      source: function( request, response ) {
      var results = $.ui.autocomplete.filter(availableTags, request.term);
      response(results.slice(0, this.options.maxResults));
     }

我已经尝试了很多不同的东西，但无法让它们一起工作!

如何同时执行限制搜索和多重搜索？谢谢。

Answer 1

问题发生是因为您尝试在不提取 request.term 的情况下对其进行切片，因此只需将 extractLast 添加到您的过滤器代码中，它就可以正常工作...

在此处查看实时示例:fiddle

source: function( request, response ) {
          // delegate back to autocomplete, but extract the last term
var results = $.ui.autocomplete.filter(availableTags, extractLast( request.term ));
      console.log(results);
      response(results.slice(0, this.options.maxResults));
        },