Add information to appointment

[OussamaParticipant]

Hello, I use jqxScheduler with angular, and I have appointments which show only two information (subject and location), I need to add another value (in my example there is a custom teacher field).
I tried this:

@ViewChild('schedulerReference') scheduler: jqxSchedulerComponent;
    ngAfterViewInit(): void {
            this.scheduler.createComponent(this.schedulerSettings);
            this.scheduler.ensureAppointmentVisible('1');
            scheduler.getAppointments().forEach(function(appointment){
                $("div[data-key = '"+appointment.id+"'] :first-child :first-child")[0].innerHTML +="<br>"+appointment.teacher;
                $("div[data-key = '"+appointment.id+"']")[0].title +=" "+appointment.teacher;
            });
   }

It works, but if I change an appointment, it will become as it was before.
So how to do it?

[HristoParticipant]

Hello Oussama,

I would like to suggest you look at this example:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxscheduler/scheduler-appointment-customization.htm?light
Also, please, take a look at this topic:
http://www.jqwidgets.com/community/topic/add-custom-control/#post-78660
(it could be helpful and it demonstrates how could create some customization)

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts