title: Ember.js - child nested views' controller
body: <p>I'm building a simple calendar app with Ember. My views are nested this way :</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="calendar"&gt;
      {{content.monthAsString}}
      {{#each day in content.days}}
         {{view App.DayView contentBinding="day"}}
      {{/each}}
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" data-template-name'="calendarDay"&gt;
      {{content.date}}
  &lt;/script&gt;
  </code></pre>
  
  <p>My JS code :</p>
  
  <pre><code>App.CalendarController = Ember.ObjectController.extend({
      content:App.Calendar.create(...);
      oneDayHover:function(day){
  
      }
  });
  App.CalendarView = Ember.View.extend({
      templateName:"calendar"
  });
  
  App.CalendarDayController = Ember.ObjectController.extend({
      dayHOver:function(){
          //???? HOW TO ACCESS CalendarController?????
      }
  });
  App.CalendarDayView = Ember.View.extend({
      templateName:"calendarDay",
      init:function(){
          this._super();
          this.set('controller', App.CalendarDayController.create());
      },
      mouseEnter:function(){
          this.get('controller').dayHover();
      }
  });
  </code></pre>
  
  <p>Problem 1:
  Isn't there a nicer solution than to override the init method of the view to set it's controller?</p>
  
  <p>Problem 2:
  How can I access the oneDayHover of CalendarController from the CalendarDayController?</p>
  
  <p>Thanks in advance for the help</p>
  
  <p><strong>Update 1:</strong>
  I should remark that those controllers exists in the same state. The point of the mouseenter is to display a popup on top of the CalendarDayView containing extra information.</p>