Ember aggiornare il modello del percorso principale dopo il salvataggio del record

Question

Sto lavorando su un'applicazione Ember con l'intento di apprendere. Ho impostato un'interfaccia utente in cui un genitore percorso e modello alla prima apertura presenta una tabella di, ad esempio, gli articoli di oggi nella colonna a sinistra e un'area a destra che varia: dettagli su un elemento, modulo per nuovo/modifica articolo, ricerca, ecc.

Il problema che ho riscontrato è che quando salvi un nuovo elemento, la tabella di sinistra della rotta principale non viene aggiornata con il nuovo elemento. Avere difficoltà a trovare un modo per ottenere quel percorso da aggiornare. L'armadio che ho usato era usando pushObject sul modello. modello

cose:

{{partial "things/table"}} 
{{outlet}} 

router.coffee

@resource "items", -> 
     @route "item", {path: "/:item_id"} 
     @route "new", {path: "/new"} 

articoli percorso:

ItemsRoute = Ember.Route.extend(
    model: -> @store.find 'item' 
) 

articoli nuova rotta:

ItemsNewRoute = Ember.Route.extend 

    renderTemplate: -> 
     this.render('items/form') 

    model: -> 
     @store.createRecord('item') 

    setupController: (controller, model)-> 
     controller.set('model', model) 

articoli nuovo controller:

ItemsNewController = Ember.ObjectController.extend(
    needs: 'items' 

    actions: 
     submit: -> @model.save().then(console.log('saved'(, console.log('failed'))    
     cancel: -> @transitionTo('items') 

    transitionAfterSave: (-> 
     if @get('content.id')  
      @transitionToRoute('items.item', @get('content')) 
    ).observes('content.id') 

Answer 1

submit: -> @model.save().then(this.didSave.bind(this), console.log('failed')); 

didSave: function() { 
    console.log('saved'); 
    var route = this.container.lookup("route:items.index"); // use the name of route you want to refresh 
    route.refresh(); 
}