popupOpen event returns type RecurrenceAlert when using Del key on recurrence events

[Pol]

Hello,

Whenever I double click on a recurring appointment, the popupOpen event has a type 'RecurrenceAlert' and which the popup shows up as edit.

Whenever I use the 'Del' keyboard button after selecting a recurring appointment, the popupOpen event also has a type 'RecurrenceAlert' and the popup shows up as delete. 

Currently I can't differentiate what action the current popup will be on recurring appointments unless I try to read the content of the popup and comparing for example the title which I would like to avoid.

I will also combine this with multi selected appointments.

Is there an other way to check what kind of action (edit or delete) is triggered on recurrences on popupOpen?

[Vijay Ravi]

Hi Pol

you can determine what kind of action is triggered on recurrence using the popupOpen event, as demonstrated in the

code snippet below,

Sample: https://stackblitz.com/edit/angular-r8tdcf?file=src%2Fapp.component.ts

[app.component.ts]

  public onPopupOpen(args: PopupOpenEventArgs) {

    if (args.type === 'RecurrenceAlert') {

      if ( args.element.querySelector('.e-dlg-header').innerHTML === 'Delete Event') 

      {

        console.log('Delete');

      } 

      else if ( args.element.querySelector('.e-dlg-header').innerHTML === 'Edit Event') 

      {

        console.log('Edit');

      }

    }

  }

Regards,

Vijay Ravi

[Pol]

Hello,

Thank you for your suggestion, but is there no other way to determine which action was triggered.
As querying on the popup element does not seem to be the most desirable solution for me.

Regards

[Ravikumar Venkatesan]

Pol,

Sample: https://stackblitz.com/edit/ej2-angular-schedule-find-recurrence-alert-action?file=src%2Fapp.component.ts

You can achieve your requirement with help of the currentAction property of the Schedule as shown in the below code snippet.

[app.component.ts]

  public onPopupOpen(args: PopupOpenEventArgs) {

    if (args.type === 'RecurrenceAlert') {

      console.log(this.scheduleObj.currentAction);

    }

  }