• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Local Data in ASP.NET Core Scheduler Control

This demo shows the way of binding an array of JavaScript objects (local JSON datasource) to Scheduler.

DEMO
SOURCE

Scheduler can be bound either to local or remote data services which will load the data by default on demand to reduce the data transfer and load time. In this sample, the dataSource property available within the eventSettings needs to be assigned with the valid local JSON data.

The eventRendered event is used to customize the events. In this sample, background color of the event is changed based on the custom field 'CategoryColor'