FullCalendar con Ember y Twitter Bootstrap

Question

Implementé un FullCalendar en una pestaña Twitter Bootstrap en una aplicación JS escrita en Ember. El contenido de la pestaña tiene los siguientes Manillares.

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="commands pull-left"> 
      <input type="text" placeholder="Display Calendar for" data-provide="typeahead"> 
     </div> 
     <div class="commands pull-right"> 
      <a {{bindAttr class=":btn :btn-primary"}} href="#" {{action "newEvent"}}><i class="icon-plus icon-white"></i> Add Event</a> 
     </div> 
    </div> 
    <hr/> 
    <div class="row-fluid"> 
     {{#view App.CalendarTool id="calendar" class="calendar"}} 
     {{/view}} 
    </div> 
</div> 

El App.CalendarTool clase se define de la siguiente manera:

require('fullcalendar/fullcalendar'); 
require('fullcalendar/gcal'); 

App.CalendarTool = Em.View.extend({ 
    tagName:'div', 
    attributeBindings:['id','events','owner'], 
    classNamesBindings:['class'], 
    didInsertElement:function(){ 

     this.$().fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay ' 
      }, 
      editable: true, 
      events: [] 
     }); 

    } 

}); 

Cuando se carga la página, el fullcalendar no está subiendo. Solo se ven los botones en la parte superior. Cuando presiono hoy, aparece el calendario completo.

jsFiddle - http://jsfiddle.net/uMVyu/

Answer 1

http://jsfiddle.net/uMVyu/1/

Resuelto con FullCalendar Render en la pestaña clic.

Answer 2

encontré con este problema ... Creo que esto se resuelve mediante el uso de la emberCalendar ahora https://github.com/joinspoton/ember-calendar