We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

How to open the Quick Window in a Schedule programmatically?

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

5 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team August 23, 2019 09:20 AM UTC

Hi Toke 
 
Syncfusion greetings. 
 
We have achieved your requirement using appointmentHover event like below. 
 
appointmentHover: function(args) { 
this.element.find("#Appointment_"+args.appointment.AppTaskId)[0].click() 
} 
 
 
Note: It is applicable for MVC too. 
 
Regards,
Karthi 
 
 



TW Toke Wivelsted August 23, 2019 12:25 PM UTC

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.


KK Karthigeyan Krishnamurthi Syncfusion Team August 26, 2019 09:22 AM UTC

 
Thanks for the update. 
 
Please use the flag variable like below to achieve your requirement. 
 
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 
 



TW Toke Wivelsted August 26, 2019 10:55 AM UTC

Thank you, this will work.


KK Karthigeyan Krishnamurthi Syncfusion Team August 27, 2019 04:20 AM UTC

Most welcome 😊 


Loader.
Live Chat Icon For mobile
Up arrow icon