Simple Array

You can use the Scheduler component to display and edit appointments from a local array. Use the dataSource property to bind the Scheduler to the array.

The Scheduler automatically displays appointments if source object field names match the names listed in the dxSchedulerAppointment help section. In this demo, the following fields illustrate this point: text, startDate, endDate, and allDay. If field names in your data source differ, specify them in ...Expr properties (textExpr, startDateExpr, endDateExpr, allDayExpr, and so on).

For more information about binding to an array, refer to the following help topic: Local Array.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC

@model IEnumerable<DevExtreme.MVC.Demos.Models.Appointment> @(Html.DevExtreme().Scheduler() .ID("scheduler") .DataSource(Model) .TimeZone("America/Los_Angeles") .TextExpr("Text") .StartDateExpr("StartDate") .EndDateExpr("EndDate") .AllDayExpr("AllDay") .Views(new[] { SchedulerViewType.Week, SchedulerViewType.Month }) .CurrentView(SchedulerViewType.Week) .CurrentDate(new DateTime(2021, 5, 25)) .StartDayHour(9) .Height(600) )

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 SimpleArray() { return View(SampleData.SimpleArrayAppointments); } } }