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
- });
- });
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
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.