jquery - 将带有 JSON 数据的 fullcalendar 动态加载到 addEventSource 中

Question

其实标题已经说明了一切。我做了一个ajax调用，它返回一个事件列表。然后我想将该列表放入fullcalendar中。此操作应该适用于每个更改的选定用户名。

$.ajax({
    type: "POST",
    url: "get_event_list.php",
    data: "username="+user,
    success: function(ajaxCevap) {

        var obj = jQuery.parseJSON(ajaxCevap);
        var events = new Array();

        $.each(obj,function(index,value) {

            event = new Object();       
            event.title = value['title']; 
            event.start = value['start']; 
            event.end = value['end'];
            event.color = value['backgroundColor'];
            event.allDay = false;

            events.push(event);
        });

        $('#calendar').fullCalendar("removeEvents");        
        $('#calendar').fullCalendar('addEventSource', events);      
        $('#calendar').fullCalendar('refetchEvents');

    }
});

addEventSource 不起作用。没有任何内容附加到 fullcalendar。

这是容器:<div id="calendar"></div>

--- 编辑 ---

我收到错误:Uncaught exception: TypeError: Cannot convert 'getDaySegmentContainer()' to object

Answer 1

我使用了 fullcalendar 文档建议的样式: http://arshaw.com/fullcalendar/docs/event_data/Event_Source_Object/

因此，如果您像我一样使用 Rails，我在文档准备脚本中包含以下内容:

eventSources: [{
    url: '/mymodel.json',
    ignoreTimezone: false
}],

然后在模型本身中:

def index
#gets list

@mymodel = Mymodel.all.map { |r| {:title => r.title , :start => r.date, :color => '#66FF33', :end => r.enddate, :id => r.id} } 

 respond_to do |format|
    format.html
    format.json { render :json => @mymodel }
 end
end