流星轻松搜索分页集成

时间:2015-03-21 21:24:11

标签: meteor

我使用meteor-easy-search软件包将搜索和分页集成到我的应用程序中: https://github.com/matteodem/meteor-easy-search

我有它的工作,sorta。搜索就像一个魅力,然而分页是非常错误的。我想在每页显示25个结果。如果结果少于25,显然所有这些结果都应显示在第一页上。如果有70个结果,则第一页应显示25,第二页25和第三页20。

目前正在发生的事情是第1页可能是随机空白,第2页显示为8条记录,第3页将显示剩余部分。并不总是按照这个顺序。第1页可能会显示15条记录,第2页和第3页显示其余部分。此外,我尝试按日期对结果进行排序,最近出现的是最近出现的结果。这也无法正常工作。它似乎适用于结果的第一部分,但最后结果会有一个不合适的随机条目。

我有一种感觉,我的实现在某个地方,导致这些奇怪和随机的问题。有人可以看看,让我知道我做错了什么?

在客户端:

    Template.history.rendered = function () {

      var instance = EasySearch.getComponentInstance(
        { id : 'search', index : 'items' }
      );
      EasySearch.changeLimit('items', 25);
      EasySearch.pagination('items', EasySearch.PAGINATION_NEXT); // Go to the second step
    };

在客户端和服务器上:

    Items = new Mongo.Collection("items");

    EasySearch.createSearchIndex('items', {
      'collection': Items,
      'field': ["details","createdAt"],
      'limit': 10,
      'use' : 'mongo-db',
      'props': {
        'sortBy': 'asc'
      },
      'sort': function() {
        if (this.props.sortBy === 'asc') {
          return { 'createdAt': -1 };
        }
      },
      'query': function(searchString, opts) {
        var query = EasySearch.getSearcher(this.use).defaultQuery(this, searchString);
        return query;
      }
    });

在历史记录html模板中:

      {{> esInput allDocsOnEmpty=true index="items" id="search" placeholder="Search now..." }}
      {{> esPagination index="items" id="search" }}

      {{#esEach index="items" id="search"}}
        {{#if isOwner username }}
      <tr style="height: 150px;">
        <td>{{ username }}</td>
        <td>{{ formatTime createdAt }}</td>
        <td> {{ details }} </td>
      </tr>
        {{/if}}
      {{/esEach}}

0 个答案:

没有答案