Your search did not match any results.
Scheduler

Basic Views

Documentation

This example demonstrates four basic Scheduler views: «Day», «Week», «WorkWeek» and «Month»

@model IEnumerable<DevExtreme.MVC.Demos.Models.Appointment> @(Html.DevExtreme().Scheduler() .ID("scheduler") .DataSource(Model) .Views(new[] { SchedulerViewType.Day, SchedulerViewType.Week, SchedulerViewType.WorkWeek, SchedulerViewType.Month }) .CurrentView(SchedulerViewType.Day) .CurrentDate(new DateTime(2021, 5, 27)) .StartDayHour(9) .Height(600) .TextExpr("Text") .StartDateExpr("StartDate") .EndDateExpr("EndDate") .AllDayExpr("AllDay") )
using DevExtreme.MVC.Demos.Models.SampleData; using DevExtreme.MVC.Demos.ViewModels; using System; using System.Collections.Generic; using System.Linq; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class SchedulerController : Controller { public ActionResult BasicViews() { return View(SampleData.Appointments); } } }
using System; using System.Collections.Generic; using System.Linq; namespace DevExtreme.MVC.Demos.Models { public class Appointment { public int AppointmentId { get; set; } public string Text { get; set; } public string Description { get; set; } public string StartDate { get; set; } public string EndDate { get; set; } public bool AllDay { get; set; } public string RecurrenceRule { get; set; } public string RecurrenceException { get; set; } } }
using System; using System.Collections.Generic; namespace DevExtreme.MVC.Demos.Models.SampleData { public partial class SampleData { public static readonly IEnumerable<Appointment> Appointments = new[] { new Appointment { AppointmentId = 1, Text = "Website Re-Design Plan", StartDate = "2021-05-24T06:30:00.000Z", EndDate = "2021-05-24T08:30:00.000Z" }, new Appointment { AppointmentId = 2, Text = "Book Flights to San Fran for Sales Trip", StartDate = "2021-05-24T09:00:00.000Z", EndDate = "2021-05-24T10:00:00.000Z", AllDay = true }, new Appointment { AppointmentId = 3, Text = "Install New Router in Dev Room", StartDate = "2021-05-24T11:30:00.000Z", EndDate = "2021-05-24T12:30:00.000Z" }, new Appointment { AppointmentId = 4, Text = "Approve Personal Computer Upgrade Plan", StartDate = "2021-05-25T07:00:00.000Z", EndDate = "2021-05-25T08:00:00.000Z" }, new Appointment { AppointmentId = 5, Text = "Final Budget Review", StartDate = "2021-05-25T09:00:00.000Z", EndDate = "2021-05-25T10:35:00.000Z" }, new Appointment { AppointmentId = 6, Text = "New Brochures", StartDate = "2021-05-25T11:30:00.000Z", EndDate = "2021-05-25T12:45:00.000Z" }, new Appointment { AppointmentId = 7, Text = "Install New Database", StartDate = "2021-05-26T06:45:00.000Z", EndDate = "2021-05-26T08:15:00.000Z" }, new Appointment { AppointmentId = 8, Text = "Approve New Online Marketing Strategy", StartDate = "2021-05-26T09:00:00.000Z", EndDate = "2021-05-26T11:00:00.000Z" }, new Appointment { AppointmentId = 9, Text = "Upgrade Personal Computers", StartDate = "2021-05-26T12:15:00.000Z", EndDate = "2021-05-26T13:30:00.000Z" }, new Appointment { AppointmentId = 10, Text = "Customer Workshop", StartDate = "2021-05-27T08:00:00.000Z", EndDate = "2021-05-27T09:00:00.000Z", AllDay = true }, new Appointment { AppointmentId = 11, Text = "Prepare 2021 Marketing Plan", StartDate = "2021-05-27T08:00:00.000Z", EndDate = "2021-05-27T10:30:00.000Z" }, new Appointment { AppointmentId = 12, Text = "Brochure Design Review", StartDate = "2021-05-27T11:00:00.000Z", EndDate = "2021-05-27T12:30:00.000Z" }, new Appointment { AppointmentId = 13, Text = "Create Icons for Website", StartDate = "2021-05-28T07:00:00.000Z", EndDate = "2021-05-28T08:30:00.000Z" }, new Appointment { AppointmentId = 14, Text = "Upgrade Server Hardware", StartDate = "2021-05-28T11:30:00.000Z", EndDate = "2021-05-28T13:00:00.000Z" }, new Appointment { AppointmentId = 15, Text = "Submit New Website Design", StartDate = "2021-05-28T13:30:00.000Z", EndDate = "2021-05-28T15:00:00.000Z" }, new Appointment { AppointmentId = 16, Text = "Launch New Website", StartDate = "2021-05-28T09:20:00.000Z", EndDate = "2021-05-28T11:00:00.000Z" } }; } }