Ember.js: Tính tổng của một tài sản của tất cả các mô hình con

Question

ứng dụng của tôi có các mô hình sau:

App.Store = DS.Store.extend({ 
    revision: 11, 
    adapter: 'DS.FixtureAdapter' 
}); 

App.List = DS.Model.extend({ 
    name: DS.attr('string'), 
    users: DS.hasMany('App.User'), 
    tweetsUnread: function(){ 
     ///////////////////////////////////////// 
     // Code to dynamically calculate the sum 
     // of tweetsUnread property of all 
     // App.User that are related to this list 
     ///////////////////////////////////////// 
    } 
}); 

App.User = DS.Model.extend({ 
    screenName: DS.attr('string'), 
    tweets: DS.hasMany('App.Tweet'), 
    tweetsUnread: function(){ 
     // TODO: check if this is the correct way to do it 
     return this.get('tweets').get('length'); 
    }.property('tweets.@each'), 
    list: DS.belongsTo('App.List') 
}); 

App.Tweet = DS.Model.extend({ 
    text: DS.attr('string'), 
    user: DS.belongsTo('App.User') 
}); 

Làm thế nào tôi có thể tính toán tổng của tất cả App.User.tweetsUnread và làm cho nó tự động cập nhật ứng dụng .List.tweetsUnread?

Answer 1

Sau đây nên làm điều đó. Có thể có một giải pháp ngắn gọn hơn dùng giảm, nhưng tôi chưa bao giờ sử dụng nó bản thân mình :-)

App.List = DS.Model.extend({ 
    name: DS.attr('string'), 
    users: DS.hasMany('App.User'), 
    tweetsUnread: function(){ 
     var users = this.get("users"); 
     var ret = 0; 
     users.forEach(function(user){ 
      ret += users.get("tweetsUnread"); 
     }); 
     return ret; 
    }.property("users.@each.tweetsUnread") 
}); 

Cập nhật: Đây là một giải pháp thanh lịch hơn khi sử dụng giảm. Tôi chưa bao giờ sử dụng nó và điều này không được kiểm tra nhưng tôi khá tự tin rằng điều này sẽ làm việc:

App.List = DS.Model.extend({ 
    name: DS.attr('string'), 
    users: DS.hasMany('App.User'), 
    tweetsUnread: function(){ 
     var users = this.get("users"); 
     return users.reduce(0, function(previousValue, user){ 
      return previousValue + users.get("tweetsUnread"); 
     }); 
    }.property("users.@each.tweetsUnread") 
}); 

Trong Ember 1.1 API cho giảm đã thay đổi! Thx @joelcox cho gợi ý, rằng các tham số initialValue và callback đã thay đổi vị trí của chúng. Vì vậy, đây đúng phiên bản của mã:

App.List = DS.Model.extend({ 
    name: DS.attr('string'), 
    users: DS.hasMany('App.User'), 
    tweetsUnread: function(){ 
     var users = this.get("users"); 
     return users.reduce(function(previousValue, user){ 
      return previousValue + user.get("tweetsUnread"); 
     }, 0); 
    }.property("users.@each.tweetsUnread") 
}); 

Answer 2

Khi sử dụng coffeescript, tôi muốn sử dụng cú pháp một dòng, đầu tiên nhận được các mảng giá trị tài sản với .mapBy('propertyName') và sau đó sử dụng một coffeescript đơn giản reduce:

@get('users').mapBy('tweetsUnread').reduce (a, b) -> a + b 

Answer 3

một lựa chọn khác là sử dụng Ember.computed.sum thấy here

App.List = DS.Model.extend({ 
    name: DS.attr('string'), 
    users: DS.hasMany('App.User'), 

    tweetsUnread: Ember.computed.mapBy('users', 'tweetsUnread'), 
    totalTweetsUnread: Ember.computed.sum('tweetsUnread') 
});