集合的 Backbone.js 包装器模板

Question

我的 Backbone 应用程序将有一个集合的多个对象，每个集合包含多个模型。我想做的是将每个 Collection 对象包装到一个 div 元素中，并根据集合对象属性值自定义标题。

目前 Collection 正在使用模型的视图，并且不包含任何自己的模板。

将每个集合对象包装到模板中的最佳方法是什么？

更新：

这是我的 CollectionView 目前的样子：

window.OrderListView = Backbone.View.extend({
    el: '#all-orders-container',
    template: _.template(orderListTpl),
    initialize: function() {
      this.$el.append(this.template({order_id: this.collection.order_id}));
    },
    render: function(){
        var _this = this;
        this.collection.forEach(this.addItem, this);
    },
    addItem: function(orderItem){
        var orderView = new OrderView({
            model: orderItem
        });

        this.$el.append(orderView.render());
    }
  });

同一个 CollectionView 类会有多个对象。现在的问题是 - 如何将它们呈现为单独的元素，并将新的 orderView 元素附加到适当的元素中？

Answer 1

实现这样的集合视图

var CollectionView = Backbone.View.extend({

    render:function(){
        var _this = this;
        this.collection.each(function(model){
            _this.addItem(model)
        })
    },
    addItem:function(model){
        var itemView = new ItemView({
            model:model
        });

        itemView.render().$el.appendTo(this.$el);

    }

});