Customize click events

[Carla Candiotti]

Hello,

I am using Schedule component on an Angular 10+ app and I would like to completely disable double click on cells & events. I saw that I can catch cellDoucleClick on cells but it doesn't affect event double click. Is there a good practice to disable all double click events?

I would also show directly editor window on cell click instead of quick info, but keep the quick info on event click, is it possible? I saw a showQuickInfo property but it affects both event & cell click.

Thanks for your responses!

[Vinitha Devi Murugan]

Hi Carla,

Greetings from Syncfusion Support.

We have checked your query “show directly editor window on cell click instead of quick info, but keep the quick info on event click” and achieved it by making use of popupOpen event of our scheduler with below code. We have prepared the below sample for your reference.

https://stackblitz.com/edit/angular-app-window-on-single-click

  onPopupOpen(args) {

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

      if (!args.target.classList.contains('e-appointment')) {

        args.cancel = true; // Prevent Quick info opening on cell click

        this.scheduleObj.openEditor(args.data, 'Add'); // Open new event Editor window on cell click

      } else {

        args.cancel = false; // Prevent quickinfo opening on appointment click

      }

    }

    if (args.type == 'Editor' && (args.target && args.target.classList.contains('e-appointment'))) {

      args.cancel = true; // Prevent appointment double click

    }

  }

Kindly try with the above solution and get back to us if you need any further assistance.

Regards,

Vinitha