Found out how to do it. :-)
When using webservice databinding, it needs to be done client-side with some jQuery templating engine, eg. like this:
function
wsOnSchedulerDataBound(scheduler) {
$(
".rsApt"
).each(
function
() {
var
l_oAppointment = scheduler.getAppointmentFromDomElement(
this
);
var
l_aAttr = l_oAppointment.get_attributes();
var
bgColor = l_aAttr.getAttribute(
'BgColor'
);
l_oAppointment.set_backColor(bgColor);
});
$(
".rsAptDelete"
).each(
function
() {
var
l_oAppointment = scheduler.getAppointmentFromDomElement(
this
);
var
l_aAttr = l_oAppointment.get_attributes();
// creating an object containing the data that should be applied on the template
var
l_aValues = {
NumberOfPlaces: l_aAttr.getAttribute(
'NumberOfPlaces'
),
TaskPoints: l_aAttr.getAttribute(
'TaskPoints'
),
AgeMin: l_aAttr.getAttribute(
'AgeMin'
),
AgeMax: l_aAttr.getAttribute(
'AgeMax'
),
Gender: l_aAttr.getAttribute(
'Gender'
)
};
// instantiate the template, populate it and insert before the delete handler (".rsAptDelete")
$(
'<div></div>'
).loadTemplate(
"#tmplAppointmentData"
, l_aValues).insertBefore(
this
);
});
};