DevExtreme jQuery/JS - Array Only

To bind the Scheduler to an array, pass this array to the dataSource option.

JavaScript
  • var appointments = [{
  • text: 'Meet with a customer',
  • startDate: new Date(2016, 4, 25, 1, 30),
  • endDate: new Date(2016, 4, 25, 3, 30)
  • }, {
  • text: 'Discuss results',
  • startDate: new Date(2016, 4, 25, 9, 0),
  • endDate: new Date(2016, 4, 25, 10, 0)
  • }, // ...
  • ];
  •  
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • dataSource: appointments
  • });
  • });

View Demo

If objects in the array need to be processed (for example, filtered), you can create a Query. In the following code, a Query selects objects with text containing 'meet'.

JavaScript
  • var appointments = [{
  • text: 'Meet with a customer',
  • startDate: new Date(2016, 4, 10, 11, 0),
  • endDate: new Date(2016, 4, 10, 13, 0)
  • },
  • // ...
  • ];
  •  
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • dataSource: DevExpress.data.query(appointments)
  • .filter("text", "contains", "meet")
  • .toArray()
  • });
  • });
See Also