title: ember.js struggling with transitionTo from view or controller
body: <p>What is the proper way to call a route from the controller or view. For instance I have a table with many rows. Every row View has a click method that should call the router. It doesn't work I am having trouble navigating the app from the controller or view.</p>
  
  <p>Here is an example: <a href="http://jsfiddle.net/arenoir/Cs938/" rel="nofollow noreferrer">http://jsfiddle.net/arenoir/Cs938/</a></p>
  
  <pre><code>App.TableView = Ember.CollectionView.extend({
    tagName: 'table',
    contentBinding: 'controller.rows',
    itemViewClass: Ember.View.extend({
      tagName: 'tr',
      template: Ember.Handlebars.compile("&lt;td&gt;{{view.content.name}}"),
      click: function(){
        var router, tab;
        router = this.get('controller.target.router');
        tab = this.get('content.id');
        router.goTab(tab);
      }
    })
  });
  </code></pre>
  
  <p>The following post is helpful. <a href="https://stackoverflow.com/questions/11552417/emberjs-how-to-transition-to-a-router-from-a-controllers-action">EmberJS: How to transition to a router from a controller&#39;s action</a>.</p>