0

当我使用$('#calender).fullCalendar('removeEvents');时，这只删除了当月（12 月）的事件，而不是其他月（11 月、1 月、2 月 ....）的事件。

如何删除所有事件？

$(document).ready(function(){
    var UsrAux;        
    UsrAux=$('#name').val();                  
    $('#name').blur(function(){    
        UsrAux=$('#name').val();                        
        var source =   {
            url: 'CalendarServer.php',
            type: 'POST',
            data: {                            // Parms
                uno: 'Somenthing',    
                UsrCdg: UsrAux                                            
            },
            error: function() {
                alert('error!');
            },
            color: '#e2ebef',   // a non-ajax option
            textColor: 'black' // a non-ajax option
        };                                 
        $('#calendar').fullCalendar('removeEvents');
        $('#calendar').fullCalendar('addEventSource', source);
    });  

    $('#calendar').fullCalendar({
        draggable: true, 
        height: 400,    
        cache: true, 
        eventSources: [
        // your event source
        {
            url: 'CalendarServer.php',
            type: 'POST',
            data: {                            // Parms
                uno: 'something',    
                UsrCdg: $('#name').val()                                            
            },
            error: function() {
                alert('error!');
            },
            color: '#e2ebef',   // a non-ajax option
            textColor: 'black' // a non-ajax option
        }]       
    });
});
4

1 回答 1

0

如果您想删除事件的子集，在这种情况下，我们将通过添加到每个事件的添加类名称（“模板”）进行过滤：

$myCal.fullCalendar( 'removeEvents', function( event ) {
     if( _.indexOf( event.className, 'template' ) > -1 ) {
          return true;
     }
     else {
          return false;
     }
} );

在您的情况下，我认为每个月的更改都是从给定的来源重新加载的。我避免这种行为的一种方法是将源加载到日历之外，然后注入数组。例如：

var myCalEvents = fetchEvents(...);

// this is not reload with each change in calendar view 
$myCal.fullCalendar( 'addEventSource', myCalEvents );

编辑

我会分解问题。

首先创建一个函数来下拉每个人的日历

function getCalByPersonId( perId ) {
  // returns an array of fullcalender events pulled from the server
  // note each event will have a css class added by the name of
  // 'perid_x' where 'x' ist he perId parameter
  return ...{ajax call goes here}
}

接下来创建一个函数来处理人员更改事件。 

function handlePersonChangeEvent( event ) {
  // first extract person id
  var perId = ... {code to get the person id}

  // clear any existing events for a previously selected person
  if( currentPerId && currentPerId !== perId ) {
    ...{remove code from above goes here, but replace 'template' with 'perId_x' where x is the currentPerId}
  }

  // add the new person's events to the calendar
  $myCal.fullCalendar( 'addEventSource', function() {
    return getCalByPersonId( perId );
  } );

  // set the current person id
  currentPerId = perId;
}

我相信这或多或少会做你想要完成的事情。

于 2012-12-14T15:41:28.847 回答