流星:搜索源没有´t清除搜索

Meteor:search-source doesn´t clear the search

本文关键字:搜索 #180 清除 流星      更新时间:2023-09-26

我在Meteor Search源上遇到了一些问题。paackage工作得很好,但我认为它在文档中有很大的漏洞。我现在的问题是,当我没有在搜索字段中键入任何内容时,我无法清除搜索。目前,该应用程序显示网站列表。如果我在搜索字段中查找某个网站,应用程序会向我显示一个包含结果的列表。但是,当我删除字段文本中的字符(空搜索)时,包含结果的列表不会消失。它显示完整的元素列表,而不是显示一个空列表。我尝试了很多解决方案,但都不起作用。。。你可以在我的应用程序的搜索字段中测试键入例如"coursera",然后删除所有类型以进行检查。

有什么建议吗?提前感谢

我的应用

服务器

    SearchSource.defineSource('items', function(searchText, options) {
      var options = {sort: {upvote: -1}, limit: 20};
      // var options = options || {};
    if(searchText) {
      var regExp = buildRegExp(searchText);
      /*var selector = {title: regExp, description: regExp};*/
       var selector = {$or: [
      {title: regExp},
      {description: regExp}
    ]};
      return Websites.find(selector, options).fetch();
  } else  {
      return Websites.find({}, options).fetch();
   }
 });
 function buildRegExp(searchText) {
     var words = searchText.trim().split(/[ '-':]+/);
     var exps = _.map(words, function(word) {
    return "(?=.*" + word + ")";
  });
  var fullExp = exps.join('') + ".+";
  return new RegExp(fullExp, "i");
}

CLIENTE

//search function
var options = {
  keepHistory: 1000 * 60 * 5,
  localSearch: true
};
var fields = ['title','description'];
itemSearch = new SearchSource('items', fields, options);
//end search function

//search helper
Template.searchResult.helpers({
   getItems: function() {
    return itemSearch.getData({
        transform: function(matchText, regExp) {
            return matchText.replace(regExp, "$&")
            },
      sort: {upvote: -1}
    });
  },
  isLoading: function() {
    return itemSearch.getStatus().loading;
    }
});
// search events 
Template.searchBox.events({
      'keyup #search-box': _.throttle(function(e) {
        var text = $(e.target).val().trim();
        console.log(text);
        itemSearch.search(text,{}); 
      }, 200)
    });

HTML

<template name="searchResult">
    <div class="container">
        <div class="jumbotron searchResult">    
            <h3> Search results </h3>
                <ol>
                    {{#each getItems}}
                        {{> website_item_search}}       
                    {{/each}}
                </ol>
            <!--<div id="search-meta">
                {{#if isLoading}}
                    searching ...
                {{/if}}
            </div>-->
        </div>  
    </div>
</template> 

只需更改服务器文件上的代码,就可以在空白文本字段上看不到任何结果。

这是新代码。https://github.com/ashish1dev/search_source_example

SearchSource.defineSource('packages', function(searchText, options) {
    var options = {sort: {isoScore: -1}, limit: 20};
    if(searchText.length>=1) {
        var regExp = buildRegExp(searchText);
        var selector = {$or: [
            {packageName: regExp},
            {description: regExp}
        ]};
    return Packages.find(selector, options).fetch();
  } else if (searchText.length===0){ 
        return [];// return blank array when length of text searched is zero
  } 
  else {
        return Packages.find({}, options).fetch(); 
  }
});