时间戳

首页 > 解决方案 > JQuery UI 自动竞争多搜索和限制

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

问题描述

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

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

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

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

标签： javascriptjqueryjquery-uijquery-ui-autocomplete

解决方案

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

在此处查看实时示例：小提琴

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));
        },

推荐阅读