帶Ember和Twitter的FullCalendar引導

我在Ember編寫的JS應用程序的Twitter Bootstrap選項卡中實現了FullCalendar。該選項卡的內容中包含以下把手。帶Ember和Twitter的FullCalendar引導

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

類App.CalendarTool定義如下：

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

    } 

});

頁面加載時，將fullcalendar不來了。只有頂部的按鈕纔會出現。當我今天按下時，fullcalendar正在顯示。

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

來源

2012-07-30 Roney Banerjee

你有沒有延長你實現所有解決了嗎？具體來說，我試圖想出將fullcalendar事件綁定到數據對象的最佳方式 – 2012-09-27 22:22:33