[英]Refresh Calendar Data Div Without Refreshing Page
關於如何刷新包含 FullCalendar 日歷的 div 的任何信息?
我只想刷新 div 以檢查它從數據庫中提取的新數據,而無需編輯 ViewModel 或刷新頁面。 每 30 秒。
索引.html
<div id='calendar' style="background-color: #fff;"></div>
@section scripts{
<script>
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
let calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['resourceTimeGrid'],
defaultView: 'resourceTimeGridDay',
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
businessHours: true,
nowIndicator: true,
minTime: "07:00:00",
maxTime: "19:00:00",
header: false,
height: "parent",
eventTextColor: '#fff',
eventColor: '#005d99',
resources: @Html.Raw(Json.Serialize(Model.Resources)),
events: @Html.Raw(Json.Serialize(Model.Events))
});
calendar.render();
});
</script>
}
只需將數組列表分配給日歷源,如下所示:
EventArray = jQuery.parseJSON(response.Data);
$('#calendar').fullCalendar('addEventSource', EventArray);
$('#calendar').fullCalendar('destroy');
loadcalendar();// Calendar init
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.