主视图中的主干循环子视图

Question

我正在尝试在主视图中循环10个子视图。

我做了什么

主视图：

 render: function(){
        var _itemList = _.template(ItemListTem);
        $(this.el).html(_itemList);
        this.itemView = new ItemView();

        for(var i=0; i<10; i++){
            this.itemView.setElement(this.$(".itemList")).render();
        }
 }

mainTemplate.html ：

<div class="itemList"></div>

子视图：

render: function(){
        var _item = _.template(Item);
        $(this.el).html(_item)
        return this;
}

问题：主视图仅包含子视图。

我对Backbone.js没有太多经验，所以如果我在这里完全错过了什么，请原谅我的无知。

Answer 1

试试这个。

您正在更新ItemView的相同实例。

render: function(){
        var _itemList = _.template(ItemListTem);
        $(this.el).html(_itemList);


        for(var i=0; i<10; i++){
            this.itemView = new ItemView();
            this.itemView.setElement(this.$(".itemList")).render();
        }

     

子视图：

render: function(){
    var _item = _.template(Item);
    $(this.el).append(_item)
    return this; }