title: Ember update parent route's model after save record
body: <p>I'm working on an Ember application with the intent of learning. I've setted on a UI where a parent route and template when first opened features a table of, for example, today’s items in the left hand column, and an area to the right that varies: details about an item, form for new/edit item, search, etc.</p>
  
  <p>The trouble I have run into is that when I save a new item, the left hand table from the parent route is not updated with the new item. Having trouble finding a way of getting that route to refresh. The closet I came was by using pushObject on the model.</p>
  
  <p><strong>things template:</strong></p>
  
  <pre><code>{{partial "things/table"}}
  {{outlet}}
  </code></pre>
  
  <p><strong>router.coffee</strong></p>
  
  <pre><code>@resource "items",  -&gt;
        @route "item", {path: "/:item_id"}
        @route "new", {path: "/new"}
  </code></pre>
  
  <p><strong>items route:</strong></p>
  
  <pre><code>ItemsRoute = Ember.Route.extend(
      model: -&gt; @store.find 'item'
  )
  </code></pre>
  
  <p><strong>items new route:</strong></p>
  
  <pre><code>ItemsNewRoute = Ember.Route.extend
  
      renderTemplate: -&gt; 
          this.render('items/form')
  
      model: -&gt;
          @store.createRecord('item')
  
      setupController: (controller, model)-&gt;
          controller.set('model', model)
  </code></pre>
  
  <p><strong>items new controller:</strong></p>
  
  <pre><code>ItemsNewController = Ember.ObjectController.extend(
      needs: 'items'
  
      actions:
          submit: -&gt; @model.save().then(console.log('saved'(, console.log('failed'))              
          cancel: -&gt; @transitionTo('items')
  
      transitionAfterSave: (-&gt;
          if @get('content.id')       
              @transitionToRoute('items.item', @get('content')) 
      ).observes('content.id')
  </code></pre>