Example of Local Data in Javascript (ES5) Scheduler Control

All Controls

/

Scheduler

/

Local Data

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

More Details...

12:00 AM

1:00 AM

2:00 AM

3:00 AM

4:00 AM

5:00 AM

6:00 AM

7:00 AM

8:00 AM

9:00 AM

10:00 AM

11:00 AM

12:00 PM

1:00 PM

2:00 PM

3:00 PM

4:00 PM

5:00 PM

6:00 PM

7:00 PM

8:00 PM

9:00 PM

10:00 PM

11:00 PM

Story Time for Kids 10:00 AM - 11:30 AM	Camping with Turtles 12:00 PM - 2:00 PM	Wildlife Warriors 10:00 AM - 11:30 AM Story Time for Kids 2:30 PM - 4:00 PM	Parrot Talk 9:00 AM - 10:00 AM Walk with Jungle King 12:00 PM - 2:00 PM	Birds of Prey 10:00 AM - 11:30 AM Black Cockatoos Playtime 2:30 PM - 4:00 PM	Croco World 12:00 PM - 2:00 PM	Venomous Snake Hunt 10:00 AM - 11:30 AM

Description

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'

Example of Local Data in Javascript (ES5) Scheduler Control

All Controls / Scheduler / Local Data

All Controls

/

Scheduler

/

Local Data