jQuery FullCalendar没有清除事件

时间:2011-06-10 21:09:48

标签: php javascript jquery fullcalendar

我目前正在使用FullCalendar,这非常酷,并为我做了很多巧妙的事情。我遇到的唯一问题是,如果我编辑一个事件,然后尝试创建另一个事件,javascript似乎会保留初始事件数据。

当我需要链接结束时,我正在使用calendar.fullCalendar('unselect'),但无论我做什么,它似乎没有任何区别。我希望你们能够看到我忽略的东西。

<script type='text/javascript'>

    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

         var calendar = $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultView: 'agendaWeek',
            selectable: true,
            unselectAuto: true,
            selectHelper: true,
            editable: true,
            select: function(start, end, allDay) {
                //var title = prompt('Event Title:');
                //var desc = prompt('Event Description:');
                //calendar.fullCalendar('unselect');    

                $('#eventStart').val(start);
                $('#eventEnd').val(end);
                $('#eventAllDay').val(allDay);

                $('#formName').fadeIn();

                $('.closeSchedule a').click(function(){
                    $('#formName').fadeOut('slow');

                    $('#calendar').fullCalendar('unselect');    
                    //alert(jsEvent);
                });
            },
            events: [
                <?php

                 $first = true;

                 foreach ($events as $event)
                 {

                    if ($first == true)
                    {
                        $comma = '';
                        $first = false;
                    }
                    else
                    {
                        $comma = ',';
                    }

                     echo $comma."
                     {
                        id: '".$event->id."',
                        title: '".addSlashes($event->title)."',
                        start: '".$event->start."',
                        end: '".$event->end."',
                        allDay: ".$event->allDay."
                    }";
                    $first = false;
                 }

                ?>
                            ],

            eventClick: function(event) {
                //alert(event.id);


                $.ajax({
                  url: './schedule/getEdit/'+event.id,
                  success: function(data) {
                    var formEmpty = $('formName').html();
                    $('#formName').html(data);
                    $('#formName').fadeIn('fast');

                    $('.closeSchedule a').click(function(){
                        $('#formName').fadeOut('slow');
                        $('#calendar').fullCalendar('unselect');
                    });

                    $('#deleteEvent').live('click', function(){
                        var answer = confirm("Are you sure you wish to delete this event?")

                        if (answer){
                            $.ajax({
                               type: "POST",
                               url: "./schedule/deleteEvent/"+event.id,
                               success: function(msg){

                                  $('#formName').fadeOut('fast');            

                                  calendar.fullCalendar( 'removeEvents', [event.id ] )
                                  $('#calendar').fullCalendar('unselect');
                               }
                            });
                        }

                    }); 

                    $('#updateEvent').live('click', function(){

                        var title       = $('#eventName').val();
                        var trainerID   = $('#eventTrainer').val();
                        var trainer     = $('#eventTrainer option:selected').text();
                        var classID     = $('#eventType').val();
                        var eventType   = $('#eventType option:selected').text();
                        var eventStart  = $('#eventStart').val();
                        var eventEnd    = $('#eventEnd').val();
                        var eventAllDay = $('#eventAllDay').val();

                        if (eventAllDay == 'false')
                        {
                            allDay = false;
                        }
                        else
                        {
                            allDay = true;
                        }



                    // This runs the ajax to add the event to the database.
                    newData = 'title='+title+'&trainerID='+trainerID+'&classID='+classID+'&start='+eventStart+'&end='+eventEnd+'&allDay='+allDay

                    $.ajax({
                       type: "POST",
                       url: "./schedule/updateEvent/"+event.id,
                       data: newData,
                       success: function(msg){

                         event.title = title;

                         calendar.fullCalendar('rerenderEvents');

                         //calendar.fullCalendar('unselect');
                         $('#calendar').fullCalendar('unselect');
                       }
                     });



                    $('#formName').fadeOut('fast');
                    $('#eventName').val('');
                    $('#eventTrainer').val();
                    $('#eventType').val();  


                    });
                  }
                });

            },
            eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {


                    newData = 'start='+event.start+'&end='+event.end+'&allDay='+allDay

                    $.ajax({
                       type: "POST",
                       url: "./schedule/updateEventTime/"+event.id,
                       data: newData,
                       success: function(msg){

                       }
                     }); 
            },
            eventResize: function(event,dayDelta,minuteDelta,revertFunc) {

                newData = 'start='+event.start+'&end='+event.end+'&allDay='+event.allDay

                $.ajax({
                   type: "POST",
                   url: "./schedule/updateEventTime/"+event.id,
                   data: newData,
                   success: function(msg){

                   }
                 }); 

            }
        }); 



        $('#submitEvent').click(function(){
                    $('#calendar').fullCalendar('unselect');
                    var title       = $('#eventName').val();
                    var trainerID   = $('#eventTrainer').val();
                    var trainer     = $('#eventTrainer option:selected').text();
                    var classID     = $('#eventType').val();
                    var eventType   = $('#eventType option:selected').text();
                    var eventStart  = $('#eventStart').val();
                    var eventEnd    = $('#eventEnd').val();
                    var eventAllDay = $('#eventAllDay').val();

                    if (eventAllDay == 'false')
                    {
                        allDay = false;
                    }
                    else
                    {
                        allDay = true;
                    }



                    // This runs the ajax to add the event to the database.
                    newData = 'title='+title+'&trainerID='+trainerID+'&classID='+classID+'&start='+eventStart+'&end='+eventEnd+'&allDay='+allDay

                    $.ajax({
                       type: "POST",
                       url: "./schedule/addEvent",
                       data: newData,
                       success: function(msg){

                         var description = '<ol><li>'+title+'</li><li>'+trainer+'</li><li><a href="#" target="_blank">'+eventType+'</a></li><li class="eventID hide">'+msg+'</li>';

                         calendar.fullCalendar('renderEvent',
                            {
                                id: msg,
                                title: title,
                                description: description,
                                start: eventStart,
                                end: eventEnd,
                                allDay: allDay

                            },
                            true // make the event "stick"
                         );


                         calendar.fullCalendar('unselect');
                         //calendar.fullCalendar( 'rerenderEvents' )
                       }
                     });



                    $('#formName').fadeOut('fast');
                    $('#eventName').val('');
                    $('#eventTrainer option:selected').removeAttr('selected');
                    $('#eventType option:selected').removeAttr('selected');


        });
    });

   </script>

在这一点上,我觉得我已经尝试了所有这一切,我只是希望一双新鲜的眼睛会看到我错过的东西。

1 个答案:

答案 0 :(得分:0)

好的,快速查看一下,您似乎没有使用空白表单初始化表单,以便在完整日历的“选择:”功能中添加操作:

在您的活动中点击您正在执行此操作:

$('#formName').html(data);

我没有看到你用新的事件的空白表格清除那里。 (可能刚刚错过了那里有很多代码)

让我知道。