骨干系列

Question

我有一个页面，我必须显示7个系列的总数。 如果在集合中创建了任何新项目，那么我的页面应显示更新的计数。我试过如下

this.listenTo(XyzCollection, 'update', function() { 
    self.lengthVariable = XyzCollection.length; 
    self.render(); 
}); 

这种方法的问题是，如果任何集合的数量是巨大的（比如1000），然后渲染方法获取调用许多次（和总共有7分集是所谓的）。

我也试过

this.listenTo(XyzCollection, 'update', function() { 
    self.lengthVariable = XyzCollection.length; 
    //self.render(); 
}); 

即只需更新变量，但页面dose'nt得到刷新，并在模板上，我看到计数为0（我注释掉渲染）。

请建议适当的方式实现的方案

的例子初始化和渲染的观点如下：

initialize: function() { 
    xxx1Collection.refresh(); 
    xxx2Collection.refresh(); 
    xxx3Collection.refresh(); 
    xxx4Collection.refresh(); 
    xxx5Collection.refresh(); 
    xxx6Collection.refresh(); 
    xxx7Collection.refresh(); 

    var self = this; 

    this.listenTo(xxx1Collection, 'update', function() { 
     self.var1 = xxx1Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx2Collection, 'update', function() { 
     self.var2 = xxx2Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx3Collection, 'update', function() { 
     self.var3 = xxx3Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx4Collection, 'update', function() { 
     self.var4 = xxx4Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx5Collection, 'update', function() { 
     self.var5 = xxx5Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx6Collection, 'update', function() { 
     self.var6 = xxx6Collection.length; 
     self.render(); 
    }); 

    this.listenTo(xxx7Collection, 'update', function() { 
     self.var7 = xxx4Collection.length; 
     self.render(); 
    }); 
}, 

render: function() { 
    this.$el.html(this.template({ 
     count1: self.var1, 
     count2: self.var2, 
     count3: self.var3, 
     count4: self.var4, 
     count5: self.var5, 
     count6: self.var6, 
     count7: self.var7, 
    })); 

}

Answer 1

假设有一个很好的理由为7个集在视图中存在增量名称，则在集合更新上重新呈现的最简单方法如下。

initialize: function() { 
    // make collections properties of the view 
    this.xxx1Collection.refresh(); 
    this.xxx2Collection.refresh(); 
    /* ... */ 
    this.xxx7Collection.refresh(); 

    // create the event hash once, and reuse it. 
    var events = { update: this.render }; 

    // there's no need to use `self` when using `this.listenTo` 
    this.listenTo(this.xxx1Collection, events) 
     .listenTo(this.xxx2Collection, events) 
     /* ... */ 
     .listenTo(this.xxx7Collection, events); 
}, 

render: function() { 
    // just pass the length here instead. 
    this.$el.html(this.template({ 
     count1: this.xxx1Collection.length, 
     count2: this.xxx2Collection.length, 
     /* ... */ 
     count7: this.xxx7Collection.length, 
    })); 
} 

从Catalog of Events：

“更新”(collection, options) - 后已被添加或从集合中删除任何 的车型数量单一事件触发。