The example provided below showcases a @model that contains data.
To utilize specific portions of the data, I have transformed it into a Json object using Json.Serialize. This was necessary because the events:[ ] section requires data in a particular format resembling JSON.
In the events:[ ] section, you can observe my efforts to structure the data in a way that aligns with the requirements of the events:[ ] segment of the program (and everything works smoothly in this manner).
The issue arises from the fact that the number of records in the json may vary as it retrieves data from a database table.
My goal is to find a more efficient method for incorporating essential data into the events:[ ] section.
There might be an optimal approach to utilizing the json effectively which I am currently unaware of. I would greatly appreciate any insights or suggestions you may have on this matter.
@model IEnumerable<WebAppV2.Models.CalendarEvent>
<script>
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var json = @Html.Raw(Json.Serialize(@Model));
var calendar = new FullCalendar.Calendar(calendarEl, {
initialDate: '2021-01-01',
editable: false,
selectable: false,
businessHours: true,
dayMaxEvents: true,
events: [
{
title: json[0].title,
start: json[0].start,
end: json[0].end
},
{
title: json[1].title,
start: json[1].start,
end: json[1].end
},
{
title: json[2].title,
start: json[2].start,
end: json[2].end
},
]
});
calendar.render();
});
</script>