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

时间:2018-11-06 15:10:06

标签: javascript jquery jquery-ui jquery-ui-autocomplete

我正在使用jQuery UI自动完成功能,并试图同时允许多次搜索和限制结果。在浏览了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));
     }

我尝试了很多不同的方法,但无法缝在一起,让它们一起工作!

如何同时进行-限制搜索和多次搜索?谢谢。

1 个答案:

答案 0 :(得分: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));
        },