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.FullCalendar con Ember y Twitter Bootstrap
<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/
¿Alguna vez extender su aplicación a todos? Específicamente, estoy tratando de encontrar la mejor forma de enlazar eventos fullcalendar para quemar objetos de datos –