One click rather than double click to select an appointment

[dsapo]

Hi Support:

In the Schedule control would be possible to launch the click action over an appointment with just one click rather than two clicks.

Our users says that is more intuitive for them to click one to show the Appointment dialog is displayed

Thanks in advance

David

[Karthigeyan Krishnamurthi]

Hi David,  

 

Thank you for contacting Syncfusion support. 

 

Yes, it is possible to open the Edit window in single appointment click instead of double click and for the same we have prepared the below sample which can be viewed from the below link. 

http://jsplayground.syncfusion.com/srmiwpjd 

 

<Code> 

appointmentWindowOpen: "appWindowOpen", 

appointmentClick: "OnAppointmentClick", 

 

function OnAppointmentClick(args) { 

    args.cancel = true; 

    if (!args.appointment.Recurrence) 

        this._showAppointmentDetails(args.appointment.Guid, true); 

    else { 

        if (ej.isNullOrUndefined(this._recurEditWindow)) this._renderRecurEditWindow(); 

        this._parentId = args.appointment.ParentId; 

        this._recurEditWindow.ejDialog("open"); 

        this._recurEditWindow.focus(); 

        this._deleteBeforeOpen(); 

    } 

} 

function appWindowOpen(args) { 

    if (!ej.isNullOrUndefined(args.appointment)) 

        $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Edit Appointment"); 

    else 

        $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Create Appointment"); 

} 

</Code> 

 

Note: Above sample is made in JS platform for your reference. 

 

Regards, 

Karthigeyan 

[dsapo]

Thanks Karthigeyan , is working perfect.

Awesome support as usual.

David

[Karthigeyan Krishnamurthi]

Hi David, 

 

We are happy to hear that our solution has fulfilled your requirement. 

 

Regards, 

Karthigeyan 

[Foroozan Mahdavi]

Hi, 

Can you update this answer for  Scheduler on Angular App.

I need to open Editor window on single click instead of Double click.

Thanks

[Vinitha Devi Murugan]

 

Hi David, 

 

Thanks for your update. 

 

We have achieved you requirement by making use of cellClick, appointmentClick and appointmentWindowOpen events. Kindly refer the below sample. 

https://www.syncfusion.com/downloads/support/forum/131799/ze/AppointmentWindowOnSingleClick-302453835                                                                                                                                                

 

Kb Link: https://www.syncfusion.com/kb/9726/how-to-open-detailed-window-in-single-cell-and-appointment-click 

 

  public appWindow(args: any) { 

    // To disable the quick window 

    args.cancel = true; 

    this.Scheduler.widget._appointmentWindow(args.target); 

  } 

  public OnAppointmentClick(args: any) { 

    //Clicked appointments details can be retrieved which can be used to open the edit window. 

    args.cancel = true; 

    if (!args.appointment.Recurrence) 

      this.Scheduler.widget._showAppointmentDetails(args.appointment.Guid, true); 

    else { 

      if (ej.isNullOrUndefined(this.Scheduler.widget._recurEditWindow)) this.Scheduler.widget._renderRecurEditWindow(); 

      this.Scheduler.widget._parentId = args.appointment.ParentId; 

      this.Scheduler.widget._recurEditWindow.ejDialog("open"); 

      this.Scheduler.widget._recurEditWindow.focus(); 

      this.Scheduler.widget._deleteBeforeOpen(); 

    } 

 

  } 

  public onAppointmentWindowOpen(args: any) { 

    //Within the appointmentWindowOpen scheduler event, we should manually rename the title of the detailed window based on the cell and appointment click as shown below. 

    if (!ej.isNullOrUndefined(args.appointment)) { 

      // Change current Action of scheduler to prevent new appointment creation 

      this.Scheduler.widget._currentAction = 'save' 

      $("#ScheduleAppointmentAddEditWindow_title").find('.e-title').html("Edit Appointment"); 

    } 

    else 

      $("#ScheduleAppointmentAddEditWindow_title").find('.e-title').html("Create Appointment"); 

  } 

 

Kindly try the above sample and let us know, if you need further assistance on this. 

Regards, 

M.Vinitha devi

[Parthkumar Kakadiya]

Hi, 

I am trying to open Editor Window for schedular with just one click rather than two clicks. 

Is this same scenario possible for the Angular Application?    

Parth

[Vengatesh Maniraj]

Hi David, 

Thanks for the update. 

This is possible to open the editor window with just one click instead of two click in Angular Application. We have already shared an Angular application with the same scenario and the same has available in below link. 

Sample: https://www.syncfusion.com/downloads/support/forum/131799/ze/AppointmentWindowOnSingleClick-302453835 

Kindly try the above and revert us for further assistance with this. 

Regards, 

Vengatesh