使用 Backbone.js 和 Marionette.js 进行分页

Question

我正在使用 Backbone.js，我想用 Marionette.js 扩展它。有一件事，在 Backbone 中有效，但我无法使用 Marionette 视图实现，是我处理分页的方式。 在 Backbone 中，我在 Backbone.Collection 中有一个名为 pagination 的方法，如下所示：

var ordersCollection = Backbone.Collection.extend({
        url: 'collection',
        model: Order,
        pagination: function(page) {
            perPage = 10;
            var collection = this;
            collection = _(collection.rest(perPage * page));
            collection = _(collection.first(perPage));
            return collection;
        }
    });

然后我可以像这样创建分页集合：

ordersCollection = new OrdersCollection();
ordersCollection.fetch();
ordersFirstPage = ordersCollection.pagination(1);

但是当我尝试将此集合传递给 Marionette.CompositeView 时，我收到此错误

Uncaught TypeError: Object [object Object] has no method 'on'

我知道这是因为我的分页函数没有以确切的 Backbone.Collection 格式返回集合。所以我尝试使用以下方法修复它：

ordersFirstPage = new Backbone.Collection(ordersFirstPage)

TypeError 消失了，但是 CompositeView 传递给它的模板的值表现为空。

任何想法，如何修改集合对象或分页功能以使其正常工作？

Answer 1

您不应该构建 Backbone.Collection，而是构建“ordersCollection”。例如：

ordersFistPage = new OrdersCollection(ordersCollection.pagination(1));

并且您应该检查您要访问的值是否在 CompositeView（集合应该有数据，您可以设置集合的属性）或 CompositeView 的 ItemView（您集合中的模型应该有数据）。

Answer 2

最后我通过在分页函数中使用 _.flatten() 来管理它。所以我在集合中使用的 _.first() 方法的结果上使用了 flatten 。

我的分页集合现在看起来像这样：

var ordersCollection = Backbone.Collection.extend({
        url: 'collection',
        model: Order,
        pagination: function(page) {
            perPage = 10;
            var collection = this;
            collection = _(collection.rest(perPage * page));
            collection = _(collection.first(perPage));
            collection = _(collection).flatten(true);
            return collection;
        }
    });

而且它似乎是对 Backbone/Marionette 系列进行分页的最简单和优雅的解决方案。