Hi,
jqxScheduler already has a built-in loading spinner when you bind it through the dataAdapter
var source = {
dataType: "json",
dataFields: [
{ name: "id", type: "number" },
{ name: "subject", type: "string" },
{ name: "start", type: "date" },
{ name: "end", type: "date" }
],
id: "id",
url: "/api/events",
loadServerData: function (serverdata, source, callback) {
$("#scheduler").jqxScheduler('showloadelement');
$.ajax({
url: source.url,
type: 'GET',
data: serverdata,
success: function (data) {
callback({ records: data });
$("#scheduler").jqxScheduler('hideloadelement');
},
error: function () {
$("#scheduler").jqxScheduler('hideloadelement');
}
});
}
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#scheduler").jqxScheduler({
source: dataAdapter,
date: new Date(),
view: 'weekView'
});
Regards,
Peter