ember.js komputerowa nie aktualizuje pozycję hasMany po sortowaniu

Question

Mam następujące ustawienie wyświetlania moje zamówienie wg daty:

Mam następujący szablon, który pokazuje każde zamówienie dla danego tygodnia: (I odpędza niektóre html dla zwięzłość)

Szablon:

{{#each ordersByDate in ordersByDateOfWeek}} 
    <div class="orders-by-date"> 
     <div> 
      <span>{{order-date-formatted ordersByDate.date}}</span> 
     </div> 

     {{#each order in ordersByDate.orders}} 
      {{order.number}} {{! updates correctly}} 
      {{order.market.name}} {{! a hasmany property called here, does not update}} 
     {{/each}} 
    </div> 
{{/each} 

obliczane nieruchomość:

ordersByDateOfWeek: function() { 

    var result = []; // return value 
    var object = null 
    var date = null; 


    // add every order to an array with a date an order objects 
    this.forEach(function (order) { 

     // get the date of the order 
     date = order.get('created'); 

     // create a new object that holds the orders for a given date 
     object = result.findProperty('date', date); 

     // create the object if it does not exist 
     if (!object) { 
      object = { 
       date: date, 
       orders: [], 
       // some more 
      }; 

      // add the object with the date to the result 
      result.push(object); 
     } 

     // add the orders to the current object 
     object.orders.push(order); 

     // more calculations done here below 
    }); 
}.property('model', 'sortProperties', 'sortAscending'), 

Co robi jest, że tworzy tablicę obiektów tak:

[ 
    { 
    "date":"2014-12-08", 
    "orders":[// order objects here], 
    // some more properties 
    }, 
    { 
    "date":"2014-11-08", 
    "orders":[], 
    }, 
    { 
    "date":"2014-10-08", 
    "orders":[], 
    }, 
] 

próbuję przez kilka godzin teraz, i nie może uzyskać moja głowa wokół niego, aby zmusić go do pracy. Moja intuicja mówi, że ma to związek z obietnicami? Ale w tablicy "orders: []" są prawdziwe obiekty Embera, więc powinno to działać, jak sądzę.

Mam nadzieję, że ktoś może wskazać mi właściwy kierunek.

Wielkie dzięki chłopaki!

Edycja: aby być w 100% przejrzystym: mój model zamówienia składa się wyłącznie z zamówień. Ten niestandardowy obiekt sam się tworzę. Dlatego myślę, że wiązanie danych się zepsuło.

Answer 1

Problemem jest to, że szablon aktualizuje się tylko wtedy, gdy ordersByDateOfWeek aktualizacje. Co się dzieje, gdy zmieni się którykolwiek z obserwowanych właściwości ('model', 'sortProperties', 'sortAscending'). Kiedy samodzielnie budujesz obiekty porządkowe, pod maską ember doda je tak, jak chcesz, ale nie spowodują one aktualizacji i dlatego Twój szablon nie rozpozna zmiany.

Najprostszym rozwiązaniem byłoby pracować z rzeczywistymi właściwościami (tj modeli swoich zamówień) i dodać je 'model.@each.orders' do ordersByDateOfWeek s liście obserwacyjnej. Jeśli potrzebujesz dodatkowych pól, takich jak date utworzyć je jako obliczonych właściwości modelu, tak jak poniżej:

date: Ember.computed.alias('created') 

Należy rzadko potrzebne do tworzenia obiektów ręcznie.

Answer 2

Obliczone właściwości nie są magiczne ;-) Są świetne, ale nie magiczne.

Podejrzewam, że ponieważ użytkownik nasłuchuje zmian 'model', nie uruchamia aktualizacji po zmianie właściwości zagnieżdżonych w tym obiekcie. Twoja własność zostanie ponownie oceniona dopiero po zmianie obiektu referencyjnego 'model'.

W takim przypadku potrzebujesz co najmniej 'model.@each.orders', jeśli faktycznie przypiszesz nową tablicę do swoich obiektów. Jeśli po prostu zmienisz tablicę, dodając więcej obiektów później, potrzebujesz rozwiązania dwuetapowego. W takim przypadku napisz komentarz, a ja poszerzę swoją odpowiedź.

do odczytu: http://emberjs.com/guides/object-model/computed-properties-and-aggregate-data/