FullCalendar con Bootstrap Ember e Twitter

Question

Ho implementato un FullCalendar in una scheda di avvio di Twitter in un'applicazione JS scritta in Ember. Il contenuto della scheda contiene i seguenti manubri.

<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> 

L'App.CalendarTool classe è definita come segue:

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: [] 
     }); 

    } 

}); 

Quando la pagina viene caricata, il fullcalendar non è in arrivo. Solo i pulsanti nella parte superiore stanno arrivando. Quando premo oggi, viene mostrato il calendario completo.

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

Answer 1

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

risolto con FullCalendar render su scheda click.

Answer 2

Proprio imbattuto in questo problema ... penso che questo è risolto utilizzando l'emberCalendar ora https://github.com/joinspoton/ember-calendar