使用 ember-data RESTAdapter 返回分页数据的正确模式？

Question

我正在页面中显示使用 Ember Data RESTAdapter 获取的文章列表。我需要实现一个引导式分页器（请参阅：http://twitter.github.com/bootstrap/components.html#pagination），并且似乎无法在单个请求中找到用于返回分页数据（例如页数、文章数、当前页面）的合理模式。

例如，我希望 API 返回如下内容：

{
  articles: [{...}, {...}],
  page: 3,
  article_count: 4525,
  per_page: 20
}

一个想法是添加一个 App.Paginator DS.Model 以便响应看起来像：

{
  articles: [{...}, {...}],
  paginator: {
    page: 3,
    article_count: 4525,
    per_page: 20
  }
}

但是，为了这么微不足道的事情拼凑起来似乎有点过头了。有没有人解决了这个问题或找到了他们喜欢的特定模式？是否有一种简单的方法来管理 RESTAdapter 映射以解决此类情况？

Answer 1

使用 ember-data-beta3，您可以在结果中传递 meta-property。默认的 RESTSerializer 会查找该属性并存储它。 您可以像这样访问元数据：

var meta = this.get("store").metadataFor("post");

如果您无法更改从服务器返回的 JSON，您可以覆盖 ApplicationSerializer（或任何其他特定于模型的序列化器）上的 extractMeta-hook。

App.ApplicationSerializer = DS.RESTSerializer.extend({
  extractMeta: function(store, type, payload) {
    if (payload && payload.total) {
      store.metaForType(type, { total: payload.total });  // sets the metadata for "post"
      delete payload.total;  // keeps ember data from trying to parse "total" as a record
    }
  }
});

Read more about meta-data here

Answer 2

尝试使用Ember Pagination Support Mixin 并提供您自己的以下方法实现。您可以在用户浏览页面时获取所需的内容，而不是加载所有内容。您最初需要的只是记录的总帐户。

didRequestRange: function(rangeStart, rangeStop) {
    var content = this.get('fullContent').slice(rangeStart, rangeStop);
    this.replace(0, this.get('length'), content);
  }