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

Question

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

这是允许多次搜索的标准 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));
        },

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

JQuery UI Autocompete Both Multi Search and Limit

javascript

jquery

jquery-ui

jquery-ui-autocomplete