Zaimplementowałem FullCalendar na zakładce Bootstrap w aplikacji JS napisanej w Ember. Zawartość zakładki zawiera następujące Handlebary.FullCalendar z Ember i 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>
Klasa App.CalendarTool jest zdefiniowany następująco:
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: []
});
}
});
Po załadowaniu strony, fullcalendar nie jest wymyślanie. Nadchodzą tylko przyciski u góry. Kiedy dzisiaj wciskam, wyświetla się fullcalendar.
JSFIddle - http://jsfiddle.net/uMVyu/
się emberCalendar Czy kiedykolwiek rozszerzyć swoją realizację w ogóle? Dokładniej, próbuję wymyślić najlepszy sposób powiązania zdarzeń fullcalendar z obiektami danych ember –