updateイベントでjquery fullcalendarクラスを更新できません

Question

fullcalendarで更新イベント中にクラスを更新できません。更新イベントの時にクラスを更新するのを手伝ってください。これについても言及条件があります。

select: function(start, end, allDay) { 

      $("#calEventDialog").dialog("option", "buttons", [ 
      { 
      text: "Save", 
       click: function() { 

      if($('#calEventDialog #eventTitle').val() == "Avilable"){ 
       eventClass = "avilable"; 
       } 
       else { 
       eventClass = "unavilable"; 
       } 

       calEvent.title =$('#calEventDialog #eventTitle').val(); 
       calEvent.start =$('#calEventDialog #eventStart').val(); 
       calEvent.end =$('#calEventDialog #eventEnd').val(); 
       calEvent.eventClass =eventClass; 
       alert(eventClass); 
       $('#myCalendar').fullCalendar('updateEvent', calEvent); 

}); 

この場合の提案はありますか？

Answer 1

あなたはこれを試しているようにしてはいけません。

selectは、選択が行われた後に発生するコールバックです。

eventClickは、ユーザーがイベントをクリックするとトリガーされます。

selectを使用し、eventClickを使用してイベントを更新する必要があります。 calEventを使用しています。どこから来たのですか？eventClickの一部です。コードはこのようなものにする必要があります。

select: function(startDate, endDate, allDay, jsEvent, view) { 
    //create and save new event 
    //here you use 
    //your dialog goes here 
    var copiedEventObject = $.extend({}, originalEventObject); 
    copiedEventObject.title =$('#calEventDialog #eventTitle').val(); 
    copiedEventObject.start =$('#calEventDialog #eventStart').val(); 
    copiedEventObject.end =$('#calEventDialog #eventEnd').val(); 
    copiedEventObject.eventClass =eventClass; 
    $('#myCalendar').fullCalendar('renderEvent', copiedEventObject); 
}, 
eventClick: function(calEvent, jsEvent, view) { 
    //here you will get calEvent 
    //make necessary changes and update this event. 
    //your dialog goes here 
    calEvent.title =$('#calEventDialog #eventTitle').val(); 
    calEvent.start =$('#calEventDialog #eventStart').val(); 
    calEvent.end =$('#calEventDialog #eventEnd').val(); 
    calEvent.eventClass =eventClass; 
    $('#myCalendar').fullCalendar('updateEvent', calEvent); 
}