用流星自动完成包搜索(mizzao)

时间:2015-08-01 06:52:53

标签: javascript meteor autocomplete

我是Javascript和Meteor的新手,在使用Mizzau的Meteor自动完成包正常工作时遇到了一些麻烦。我可以让表单自动完成就好了,但无法让它来过滤我的待办事项。我希望的最终结果是在自动完成中输入todo并让它过滤订阅,我也会满足于搜索并从那里开始。我还会说我的初始状态是列表返回0 todos(没有显示)我觉得我可能会很接近。我的代码的很大一部分来自:Meteor - autocomplete with "distinct" feature? Ť 它与我的订阅有关吗?

这是我的服务器端发布呼叫:

long int index=find(segments.begin(),segments.end(),maxi) - segments.begin();

我的客户端订阅:

    Meteor.publish("todosAuto", function(selector, options) {
  Autocomplete.publishCursor(Todos.find(selector, options), this);
  this.ready();
});

我的模板的相关部分:

Meteor.subscribe('todosAuto');

我的设置:

<div class="container todoFormSec">
    <div class="col-md-4">
      {{> inputAutocomplete settings=settings id="msg" class="form-control" placeholder="Search..."}}
    </div>
  <div class="row">
    <div class="col-md-5 pull-right">
      <h1 class="todocountstyle text-right">You Have {{ todoCount }} Todos</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="todos">
          {{ #each todosAuto }}
              {{ >todo }}
          {{ /each }}
      </div>
      </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:3)

在过去,我尝试使用您遇到问题的自动完成程序包。我发现它对我的需求来说不够高保真。因此,我向您推荐Twitter typeaheadbloodhound。我很满意以下软件包ajduke:bootstrap-tokenfieldsergeyt:typeahead

的结合使用

时间投资非常值得。有关示例,请参阅我的previous postingHere是更多的例子。

如果上述内容过于复杂,请尝试jeremy:selectize。重点是那里有很多更好的包装。