Ember中的分页使用ember-cli-pagination

时间:2017-01-30 19:20:31

标签: ember.js ember-cli ember-addon

我尝试使用ember-cli-pagination在我的项目上实现分页,但它不起作用。我在控制器中有这样的东西:

import Ember from 'ember';
import pagedArray from 'ember-cli-pagination/computed/paged-array';

export default Ember.Controller.extend({
  // setup our query params 
  queryParams: ["page", "perPage"],

  // set default values, can cause problems if left out 
  // if value matches default, it won't display in the URL 
  page: 1,
  perPage: 10,

  // can be called anything, I've called it pagedContent 
  // remember to iterate over pagedContent in your template 
  pagedContent: pagedArray('car', {pageBinding: "page", perPageBinding: "perPage"}),

  // binding the property on the paged array 
  // to a property on the controller 
  totalPagesBinding: "pagedContent.totalPages"
});

在文档中,我将汽车命名为内容。我想它是我要分页的对象数组。

该项目位于emberdata分支https://github.com/mcand/contazul-frontend-test/tree/emberdata

如果有人能帮助我,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

我对这个附加组件没有很好的经验,而且我还没有完全通过你的代码。

我认为你的问题是你将pagedArray绑定到' car'而不是' model'或者'内容'因为我不知道你在哪里定义了“汽车”。该控制器上的计算属性。

所以你想要:

pagedArray('content', {pageBinding: "page", perPageBinding: "perPage"})

此外,您可能希望CarsController扩展ArrayController而不是Controller。