Getting Schedule control undefined error on custom event

[BOB JASON TIAMSIC]

I am trying to implement a scheduler calendar that gets the details of an appointment on double click. So I have this method EventRendered to add Event Listener for doubleclick.

It goes to the method customClick when double click is fired, it says that the this.scheduleObj is undefined

@ViewChild('scheduleObj')

public scheduleObj: ScheduleComponent;

public onEventRendered(args: EventRenderedArgs){

args.element.addEventListener('dblclick', this.customClick);

}

public customClick(apptDetails) {

// You can write a code for new functionality to event click here

if (apptDetails.detail === 2) {

let eventObj: ATIAppointment;

let resource: ResourceDetails

if (apptDetails && apptDetails.currentTarget.classList.contains('e-appointment')) {

const a = this.scheduleObj.getEventDetails(apptDetails.currentTarget) //as ATIAppointment;

}

}

}

[Satheesh Kumar Balasubramanian]

Hi BOB,

Thanks for using Syncfusion Products.

We have validated your reported query "Getting Schedule control undefined error on custom event" and prepared sample to get appointment details of an appointment on double click.

Sample: https://stackblitz.com/edit/angular-get-event-details-on-custom-double-click?file=app.component.ts

app.component.ts:   

  public onEventRendered(args: EventRenderedArgs) {

    // Adding the custom click event to the type "A" event

    if (args.data.EventType === 'A') {

      args.element.addEventListener('dblclick', this.customClick.bind(this));

    }

  }

  public customClick(args) {

    // You can write a code for new functionality to event click here

    if (args.detail === 2) {

      console.log('Custom click event fires');

      const a = this.scheduleObj.getEventDetails(args.currentTarget);

      console.log(a);

    }

  }

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Satheesh Kumar B