fullcalendar不会加载事件

时间:2015-12-30 16:04:42

标签: javascript sql json events fullcalendar

我正在使用我从sql程序获取的dataJSON作为feed,并且日历加载但它没有从中填充,json格式是正确的我已经测试它作为静态输入,但当我把数据作为feed它只是不工作

jQuery(document).ready(function () {
callJsonWs("EXECUTE procedureName + some entry parametars ","loadPageGather");
});

之后我转到填充日历的loadPageGather函数

 function loadPageGather(dataJSON) {
        var data
        try {
            data = JSON.parse(dataJSON);
        }
        catch (err) {
            alert("ERROR - " + err.message)
        }


        $('#calendar').fullCalendar({
            events: data.timetable,

            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true,
            droppable: true,
            resizable: true,
            timeFormat: 'HH:mm',
            eventTextColor: '#3498db',

 eventDrop: function (event, delta, revertFunc) {
            var start = event.start.format()
            var end = event.end.format()
            var semesterStudyProgramUnitObligationCode = event.semesterStudyProgramUnitObligationCode
            var timetableCode = event.id
            eventUpdate(start, end, semesterStudyProgramUnitObligationCode, timetableCode)
        },

        // EVENT DELETE 

        eventDragStop: function (event, jsEvent) {
            var semesterStudyProgramUnitObligationCode = event.semesterStudyProgramUnitObligationCode
            var timetableCode = event.id


            var trashEl = jQuery('#asideDiv');
            var ofs = trashEl.offset();

            var x1 = ofs.left;
            var x2 = ofs.left + trashEl.outerWidth(true);
            var y1 = ofs.top;
            var y2 = ofs.top + trashEl.outerHeight(true);

            if (jsEvent.pageX >= x1 && jsEvent.pageX <= x2 &&
                jsEvent.pageY >= y1 && jsEvent.pageY <= y2) {

                $('#calendar').fullCalendar('removeEvents', event.id);
                callJsonWs("dskrbic", "EXECUTE hereIs delete procedure);
            }
        },

        // EVENT RESIZE
        eventResize: function (event, minuteDelta, revertFunc) {
            var start = event.start.format()
            var end = event.end.format()
            var semesterStudyProgramUnitObligationCode = event.semesterStudyProgramUnitObligationCode
            var timetableCode = event.id
            eventUpdate(start, end, semesterStudyProgramUnitObligationCode, timetableCode)
         });

这是json的格式:

{"timetable" : [    {"semesterStudyProgramUnitObligationCode":"20","id":"1","start":"2016-01-02T10:00:00","end":"2016-01-02T13:00:00","semesterName":"First","title":"OPERATIVNI SISTEMI - Lectures","description":"Kampus - Zgrada - Classroom - 12"},]}

我是新手,我做错了吗?告诉我你的意见,谢谢

LITTLE UPDATE 出于某种原因,如果我把callJonWs之后的loadPageGather()放在文件准备好它可以工作,并且我的所有功能都工作,除了部分的asside是mising和asside meni不起作用,如果我删除它,它只是加载日历,并没有它的日历功能工作(删除,更新和填充)....

1 个答案:

答案 0 :(得分:0)

通过添加所有日历功能,加载到文档就绪,以及在其他功能中使用以下方式填充数据来修复:

 $('#calendar').fullCalendar('addEventSource', data.timetable);