поставить загрузчик на вызов viewRender удалить его после завершения eventRender в fullCalender

Question

Я использую fullCalender, и я хочу добавить загрузчик на кнопку заголовка fullCalender получает щелчок, часть заголовка в изображении.

Итак, я установил загрузчик на функцию viewRender и удалил его на функцию eventRender, как,

eventRender: function(event, element) {
      element.find(".fc-event-title").remove();
      var new_description = '';
      new_description = '<strong>'+ event.start_time +' - '+ event.end_time +'</strong><br/>'
          +'<strong>Name : </strong>' + event.display_name + '<br/>'
          + '<strong>Branch : </strong>' + event.customer_branch + '<br/>'
          + '<strong>Event by: </strong>' + event.event_by + '<br/>'
          + '<strong>Show as: </strong>' + event.show_as + '<br/>'
          + '<strong>Date:</strong>' + event.date + '<br/>';
      element.append(new_description);
      $(".loader").fadeOut();
},
viewRender: function(view, element){
      $(".loader").fadeIn();
},

это работает нормально в большинстве случаев, но когдаЯ нажимаю на кнопку недели (справа на изображении).он только исчезнет в загрузчике, он не исчезнет в загрузчике.пожалуйста, помогите мне с этой ошибкой или дайте мне, если у нее есть другой метод сделать это в fullCalender.

Answer 1

Сколько у вас событий?Затухание загрузчика при каждом рендеринге события является повторяющимся и неэффективным, если у вас есть более одного видимого события.И что делать, если в текущем диапазоне дат нет событий?Тогда это никогда не исчезнет - это может быть причиной вашей проблемы.

Вы должны использовать для этого «eventAfterAllRender».Он всегда будет запускаться один раз, даже если в текущем диапазоне дат нет событий.

eventAfterAllRender: function(view) {
  $(".loader").fadeOut();
}

См. http://jsfiddle.net/sbxpv25p/611/ для минималистской демонстрации.

См. https://fullcalendar.io/docs/eventAfterAllRender для документации.