ember.js: Oblicz sumę własność wszystkich modeli dziecięcych

Question

Moja aplikacja ma następujące modele:

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') 
}); 

Jak mogę obliczyć sumę wszystkich App.User.tweetsUnread i sprawiają, że automatycznie aktualizować aplikację .List.tweetsUnread?

Answer 1

Następujące powinno to zrobić. Nie może być bardziej zwięzły rozwiązanie wykorzystujące zmniejszyć, ale nigdy nie zostały wykorzystane siebie :-)

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") 
}); 

Aktualizacja: Jest to bardziej eleganckie rozwiązanie używając zmniejszyć. Nigdy nie używał go i to nie jest badana, ale jestem całkiem pewny, że to powinno działać:

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") 
}); 

W Ember 1.1 API dla zmniejszenia się zmieniło! Thx @joelcox dla podpowiedzi, że parametry initialValue i callback zmieniły swoją pozycję. Więc tutaj poprawna wersja kodu:

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

Podczas korzystania coffeescript, lubię używać składni jedna linia, pierwsza coraz tablicę wartości nieruchomości z .mapBy('propertyName') a następnie za pomocą prostego coffeescript reduce:

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

Answer 3

Innym rozwiązaniem byłoby wykorzystanie Ember.computed.sum zobaczyć 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') 
});