JSON Data

To bind the Scheduler to data in the JSON format, assign a URL leading to data to the dataSource option.

JavaScript
$(function() {
    $("#schedulerContainer").dxScheduler({
        dataSource: "http://url/to/json/data",
        startDateExpr: "startDateField",
        endDateExpr: "endDateField",
        textExpr: "textField"
    });
});

Note that you can also use a JSONP callback parameter supported by jQuery.ajax().

JavaScript
$(function() {
    $("#schedulerContainer").dxScheduler({
        dataSource: "http://url/to/json/data/jsonpdata?callback=?",
        // ...
    });
});

If you need to process data after obtaining it, implement the CustomStore. For details, see the Custom Sources topic.

See Also