使用backbone.js獲取集合（所有模型）的總和

Question

我只是在學習骨幹。我有以下

window.ServerList = Backbone.Collection.extend({ 

    model: Server, 

    cpuTotal: function(){ 
     if (!this.length) return 0; 
     /* 
     * NOT SURE HOW TO SUM THEM 
     * this.get('cpu') is an integer for each of the collections 
     */ 
     return this.get('cpu'); 
    } 

}); 

我從視圖中的渲染方法調用此類似這樣的

window.AppView = Backbone.View.extend({ 

    // .... 

    render: function(){ 
     var total_cpu = ServerList.cpuTotal(); 
     var items = ServerList.length; 

    } 
}); 

變量total_cpu始終是空的，但項目是總是正確的。有任何想法嗎 ？

我知道我的集合正在工作，因爲我有很多項目，但是我需要從集合中的每個項目中爲頁面彙總添加所有CPU。

對於那些知道todos示例的人http://documentcloud.github.com/backbone/docs/todos.html我有一個非常類似的設置。

Answer 1

這裏是我知道如何最好的辦法：

cpuTotal: function() { 
    return this.reduce(function(memo, value) { return memo + value.get("cpu") }, 0); 
} 

這裏是一個jsFiddle of the solution。

Answer 2

我相信你的問題是，根據你是否失去了你的綁定（例如，如果cpuTotal作爲函數調用中的參數傳遞），「this」可能引用或不引用你的集合的實例。你可以在初始化函數中改變將集合綁定到cpuTotal函數。我沒有測試過這一點，但不妨一試（榮譽給@布賴恩的建議減少）：

window.ServerList = Backbone.Collection.extend({ 

    model: Server, 

    initialize: function() { 
     _.bind(this.cpuTotal, this); // From Underscore.js 
    }, 

    cpuTotal: function(){ 
     return this.reduce(function(memo, value) { return memo + value.get("cpu") }, 0); 
    } 

});