click on an event

[AYMEN Matador]

Hi,

I have integrated the schedule component into my app. However, when I click on a cell, only the QuikInfo event is launched whether there is an existing event in the schedule or not. So, I wonder if I can trigger the QuikInfo event when the cell is empty (there is no event) and open the another dialog (to edit information) when I click on an event.

P.S : my onPopupOpen() method look like this :

onPopupOpen(event) {

    if (event.type == 'EditEventInfo'){

      console.log("EditEventInfo");

      

    }  

    if (event.type == 'QuickInfo'){

      console.log("QuickInfo");

      

    }  

    if (event.type == 'ViewEventInfo'){

      console.log("ViewEventInfo");

      

    }  

...

...

...// other events

but this only trigger the QuikInfo event type.

Please let me know how to fix this behavior.

Best Regards 

[Nevitha Ravi]

Hi Aymen, 

Greetings from Syncfusion Support. 

We have checked the reported scenario at our end and let you know that the quick info popup will open both on cell and event with type ‘QuickInfo’. We suspect that you want to prevent the quick info on event click and for the same we have shared you a sample, please refer it from the following link. 

https://stackblitz.com/edit/angular-prevent-quick-info-on-event?file=app.component.ts 

  onPopupOpen(event) { 

    if ( 

      event.type == 'QuickInfo' && 

      event.target.classList.contains('e-appointment') 

    ) { 

      console.log('QuickInfo'); 

      event.cancel = true; 

    } 

  } 

Also the popup which opens on event click in responsive mode have the type ‘ViewEventInfo’ and the popup that opens on event tap-hold in responsive mode have the ‘EditEventInfo’ type. 

Please let us know if you need any further assistance. 

Regards, 

Nevitha 

[AYMEN Matador]

Hi, 

Thanks for the assistance. This is exactly what I was looking for.

Regards

[Nevitha Ravi]

Hi Aymen, 

 

You are most welcome..! please get back to us if you need any assistance. 

 

Regards, 

Nevitha