Meteor:搜索源不会清除搜索

时间:2015-12-26 12:01:00

标签: javascript search meteor meteor-helper

我在使用Meteor Search来源时遇到了一些麻烦。该pagackage工作正常,但我认为它在文档中有很大的漏洞。我现在的问题是,当我在搜索字段中输入任何内容时,我无法清除搜索。 目前,该应用程序显示了一个网站列表。如果我在搜索字段中查找某个网站,该应用程序会显示一个包含结果的列表。但是当我删除字段文本中的字符(空搜索)时,带有结果的列表不会消失。它显示完整的元素列表,而不是显示空列表。 我尝试了很多解决方案但没有任何作用...... 您可以在我的应用程序的搜索字段中测试输入例如“coursera”,然后删除所有类型以将其签出。

有什么建议吗?非常感谢提前

My App

服务器

    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> 

1 个答案:

答案 0 :(得分:1)

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

这是新代码。 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(); 
  }
});