How to open the Quick Window in a Schedule programmatically?

[Toke Wivelsted]

Hi,

I want to open the Quick Window when I hover over an appointment.

Is there any way to open the Quick Window for a specific appointment programmatically? I was thinking of something like the example below:

function OnAppointmentHover(args) {

     var schObj = $("#Schedule").data("ejSchedule"); 

     schObj.openQuickWindow(args.appointment);

}

[Karthigeyan Krishnamurthi]

Hi Toke,  

 

Syncfusion greetings. 

 

We have achieved your requirement using appointmentHover event like below. 

https://jsplayground.syncfusion.com/zbuuoct4 

 

appointmentHover: function(args) { 

this.element.find("#Appointment_"+args.appointment.AppTaskId)[0].click() 

} 

 

 

Note: It is applicable for MVC too. 

https://mvc.syncfusion.com/demos/web/schedule/events 

 

Regards,
Karthi  

 

[Toke Wivelsted]

The suggested solution will not work for me, as I have OnAppointmentClick set to open up a custom Editor window.

- Hover over appointment should show the Quick Window

- Click on appointment should open up the Edit Appointment Window

Using the suggested solution would open up the editor window whenever an appointment is "hovered" over.

[Karthigeyan Krishnamurthi]

Hi Toke, 

 

Thanks for the update. 

 

Please use the flag variable like below to achieve your requirement. 

https://jsplayground.syncfusion.com/ghalte4p 

 

var Type = 'Click'; 

 

appointmentHover: function (args) { 

                    Type = 'Hover'; 

                    this.element.find("#Appointment_" + args.appointment.AppTaskId)[0].click() 

                } 

function OnAppointmentClick(args) { 

            if (Type != 'Hover') { 

                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(); 

                } 

            } 

            Type = 'Click'; 

        } 

 

Regards, 

Karthi 

 

[Toke Wivelsted]

Thank you, this will work.

[Karthigeyan Krishnamurthi]

Most welcome 😊