fullcalendar无法设法删除日历中的最后一个事件

Question

I am using fullcalendar http://fullcalendar.io/ User can create and delete events in the calendar. Relevant information about events are sent in a hidden field as JSON. This works when user is creating events but I didnt manage to make it correctly update the hidden field when user is deleting events. Here's the eventclick callback of my $('#calendar').fullCalendar

eventClick: function(event, element) {
      if(confirm('Voulez-vous supprimer cette dispo?')) {

        $('#calendar').fullCalendar('removeEvents', event._id);
        var array_all_events = [];
        var all_events = $('#calendar').fullCalendar('clientEvents');
        // console.log(all_events);
        $.each(all_events, function(index, value) {
          // console.log(value.start["_d"]);
          // console.log(index);
           var day         = moment(value.start["_d"]).format('dddd');
           var start_time  = moment(value.start["_d"]).format("HH:mm");
           var end_time    = moment(value.end["_d"]).format("HH:mm");
             // var id          = value.unique_id["_i"];
             var slot        = {
                day: day,
                start_time: start_time,
                end_time: end_time,
              };
            array_all_events.push(slot);
            console.log(array_all_events.length);
            if (array_all_events.length == 0) {
              $("#dispo_array").val("");
            }
            else {
              $("#dispo_array").val(JSON.stringify(array_all_events));
            }
        });
      }
    },

The script actually works when there is more than one hash in array_all_events but I cannot get it to update #dispo_array to an empty string when array_all_events is empty.

Answer 1

I got it to work by getting the if and else statement out of the each loop.

  eventClick: function(event, element) {
      if(confirm('Supprimer cette disponibilité?')) {

        $('#calendar').fullCalendar('removeEvents', event._id);
        var array_all_events = [];
        var all_events = $('#calendar').fullCalendar('clientEvents');
        // console.log(all_events);
        $.each(all_events, function(index, value) {
          // console.log(value.start["_d"]);
          // console.log(index);
           var day         = moment(value.start["_d"]).format('dddd');
           var start_time  = moment(value.start["_d"]).format("HH:mm");
           var end_time    = moment(value.end["_d"]).format("HH:mm");
             // var id          = value.unique_id["_i"];
             var slot        = {
                day: day,
                start_time: start_time,
                end_time: end_time,
              };
            array_all_events.push(slot);
            // console.log(array_all_events.length);
        });
       if (array_all_events.length == 0) {
          console.log("hello");
          $("#dispo_array").val("");
        }
        else {
          console.log(typeof(array_all_events));
          console.log(array_all_events.length);
          $("#dispo_array").val(JSON.stringify(array_all_events));
        }
      }
    },