Your search did not match any results.

Google Calendar Integration


This demo shows how to configure the CustomStore to load data from the Google Calendar.

<div class="long-title"><h3>Tasks for Employees (USA Office)</h3></div> @(Html.DevExtreme().Scheduler() .DataSource(new JS("events")) .StartDateExpr("start.dateTime") .EndDateExpr("end.dateTime") .TextExpr("summary") .StartDayHour(7) .TimeZone("America/Los_Angeles") .ShowAllDayPanel(false) .Editing(false) .CurrentDate(new DateTime(2017, 5, 25)) .FirstDayOfWeek(FirstDayOfWeek.Sunday) .Views(new[] { SchedulerViewType.Day, SchedulerViewType.WorkWeek, SchedulerViewType.Month }) .CurrentView(SchedulerViewType.WorkWeek) .Height(500) ) <script> var PUBLIC_KEY = "AIzaSyBnNAISIUKe6xdhq1_rjor2rxoI3UlMY7k", CALENDAR_ID = ""; var events = { load: function(options) { var result = $.Deferred(); $.ajax({ data: {showDeleted: false}, dataType: "json", url: [ "", CALENDAR_ID, "/events?key=", PUBLIC_KEY ].join("") }).done(function(response) { result.resolve(response.items); }); return result.promise(); } } </script>
using DevExtreme.NETCore.Demos.Models.SampleData; using DevExtreme.NETCore.Demos.ViewModels; using Microsoft.AspNetCore.Mvc; using System; using System.Collections.Generic; using System.Linq; namespace DevExtreme.NETCore.Demos.Controllers { public class SchedulerController : Controller { public ActionResult GoogleCalendarIntegration() { return View(); } } }
.note { color: rgba(128, 128, 128, 0.75); float: right; margin-top: 20px; font-size: 12px; } .long-title h3 { font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana; font-weight: 200; font-size: 28px; text-align: center; margin-bottom: 20px; }