Блог

Пожалуйста, простите мой первый вопрос и общий опыт. Я использую FullCalendar 5.10.1 для возврата событий, которые динамически связаны с фестивалями.

Этот экземпляр использует шаблон » события (как канал json)» из документации. Во всех случаях, если есть хотя бы одно событие, связанное с динамически выбранным Фестивалем, все хорошо. Календарь правильно отображается вместе с событием(событиями).

Однако, если в ленте не найдено хотя бы одно событие, связанное с выбором фестиваля, обратный вызов об ошибке возвращается немедленно. В этот момент консоль показывает ошибку «Сбой при разборе JSON». Если сообщение об обратном вызове с ошибкой отклоняется нажатием кнопки «ОК», пустой календарь затем загружается, как и ожидалось.

Ясно, что я не обрабатываю это условие (никаких событий), но я не уверен, нужно ли его обрабатывать в SQL-канале или в коде FullCalendar.

Обратите внимание, что это выполняется внутри вкладки начальной загрузки. Я оставил здесь какой-то хакерский код, который устанавливает var для идентификатора вкладки календаря и задерживает загрузку календаря, чтобы решить проблему разногласий с темой поставщиков.

Я совершенно уверен, что не показал код здесь предпочтительным способом и, вероятно, недостаточно тщательно описал проблему. Но любое понимание этого новичка будет оценено по достоинству.

 lt;script type="text/javascript"gt;   document.addEventListener('DOMContentLoaded', function() {  var calendarButton = document.getElementById('calendarButton');  var calendarEl = document.getElementById('calendar');  var calendar = new FullCalendar.Calendar(calendarEl, {   themeSystem: 'bootstrap',  headerToolbar: {  left: 'prev,next today',  center: 'title',  right: 'dayGridMonth,timeGridWeek,timeGridDay'  },  weekNumberCalculation: "ISO",  initialView: 'dayGridMonth',  initialDate: '2021-07-01',  eventDidMount: function(info) {  $(info.el).tooltip({  title: info.event.extendedProps.description,  placement: 'top',  trigger: 'hover',  container: 'body'  });  },  eventSources: [  {  url: '/DesktopModules/XModPro/Feed.aspx',  method: 'POST',  datatype: 'JSON',  extraParams: {  pid: '0',  xfd: 'Events_FullCalendar_FestivalID',  FestivalID: '[[FestivalID]]'  },  failure: function() {  alert('There was an error while fetching events!');  },   color: '#a1a535', // a non-ajax option  textColor: 'white' // a non-ajax option  }  ]  });   calendarButton.addEventListener('click', e =gt; {  setTimeout(() =gt; {calendar.render()}, 1);  });  }); lt;/scriptgt;  

Подача SQL

 lt;%@ Control Language="vb" AutoEventWireup="false" Inherits="KnowBetter.XModPro.FeedBase" %gt; lt;%@ Register Assembly="KnowBetter.XModPro.Web.Controls" Namespace="KnowBetter.XModPro.Web.Controls" TagPrefix="xmod" %gt; lt;xmod:masterview runat="server"gt; lt;xmod:JsonFeed runat="server"gt;    lt;ListDataSource CommandText="SELECT  EventID AS 'id',  VenueID AS 'vid',  FestivalID,  EventTitle AS 'title',  EventDescription AS 'description',  EventStartTime AS 'start',  EventEndTime AS 'end'   FROM la360_Event  WHERE FestivalID = @FestivalID"gt;  lt;Parameter Name = "FestivalID" value= 'lt;%#FormData("FestivalID")%gt;' DataType="string" /gt; lt;/ListDataSourcegt;  lt;/xmod:JsonFeedgt;lt;/xmod:masterviewgt;