使用fullcalendar实现加载回调

时间:2012-08-20 17:05:33

标签: fullcalendar

寻找如何实现加载回调的示例。

这是我目前使用的代码。只是不确定如何使用加载回调。

我是否需要将事件用作函数,还是可以在此处使用的代码中添加一些内容?

由于

$('#calendar').fullCalendar({
    theme: true,
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
    },
    editable: true,

    events: {
            url: 'calendar/ajax.php',
            data: {
                uid: '<?=$_SESSION[$pageID]['owner_uid']?>',
                fbpageid: '<?=$pageID?>'
            },
            error: function() {
                alert('there was an error while fetching events!');
            }
        },

    eventMouseover: function(calEvent,jsEvent) {
        xOffset = 10;
        yOffset = 10;
        var left = (jsEvent.clientX + yOffset);
        if ( (jsEvent.clientX + 200 + yOffset) > $(window).width() ){
            left = (jsEvent.clientX - 200);
        }
        $("body").append(calEvent.tooltip);
        $("#p_"+calEvent.id)
                .css("top",(jsEvent.clientY - xOffset) + "px")
                .css("left",left + "px")
                .fadeIn("fast");
    },
    eventMouseout: function(calEvent,jsEvent) {

            $("#p_"+calEvent.id).fadeOut("fast");   
            $("#p_"+calEvent.id).remove();
    }
});

1 个答案:

答案 0 :(得分:18)

以下是如何使用加载回调的示例:

loading: function(bool) {
  if (bool) 
    $('#loading').show();
  else 
    $('#loading').hide();
},