Subscribing to open/close events for "delete confirmation"-dialogs in ejSchedule.

[Toke Wivelsted]

I have a schedule with appointments and I want to know when the user opens and closes the dialog for confirming deletion of an appointment. 

I have both standard and recurring appointments and the dialog that opens seems to be different for the two. As I can gather they are called "#SchedulealertWindow" for basic appointments and "#ScheduleRecurrenceEdit" for recurring.

I've read the documentation about wiring events here: https://help.syncfusion.com/js/wiring-events

And I've tried the following without success:

$("#SchedulealertWindow").on("ejDialogOpen", function () {

    console.log('dialog opened.');

});

$("body").on("ejDialogOpen", "#SchedulealertWindow", function () {

    console.log('dialog opened.');

});

Is it possible to subscribe to these dialogs that are handled by the Schedule component?

[Hareesh Balasubramanian]

Hi Toke, 

Greetings from Syncfusion Support. 

Based on your requirement we have prepared a sample, using appointmentWindowOpen and beforAppoointmentRemove event and the sample can be viewed from the below sample and UG link for your reference, 

 

Sample: https://jsplayground.syncfusion.com/aesid45s 

UG Link: https://help.syncfusion.com/api/js/ejschedule 

Kindly try the above sample, if you have any concerns please revert us back for further assistance. 

Regards, 

Hareesh 

[Toke Wivelsted]

I have tested your sample and sadly it does not solve my described issue.

None of the four event subscribed in the sample triggers when the deletion dialog is opened/closed.

I want to know when the "delete-confirmation"-dialog is opened and closed.

Images attached for clarity:

[Vinitha Devi Murugan]

Hi Toke, 

 

Sorry for the inconvenience. 

 

We have achieved your requirement by using create event of the scheduler. Please refer below sample. 

 

http://jsplayground.syncfusion.com/mrwchhza  

$("#Schedule1").ejSchedule({ 

                width: "100%", 

                height: "525px", 

                currentDate: new Date(2017, 5, 4), 

                appointmentSettings: { 

                    dataSource: dManager, 

                    id: "Id", 

                    subject: "Subject", 

                    startTime: "StartTime", 

                    endTime: "EndTime", 

                    description: "Description", 

                    allDay: "AllDay", 

                    recurrence: "Recurrence", 

                    recurrenceRule: "RecurrenceRule" 

                }, 

                create: "onCreate" 

            }); 

        }); 

        function onCreate(args) { 

            if (ej.isNullOrUndefined(this._alertWindow) && ej.isNullOrUndefined(this._recurEditWindow)) { 

                this._renderRecurEditWindow(); 

                this._renderAlertWindow(); 

            } 

            this._alertWindow.ejDialog({ beforeOpen: "onBeforeOpen", close: "onDialogClose" }); 

            this._recurEditWindow.ejDialog({ beforeOpen: "onBeforeOpen", close: "onDialogClose" }); 

        } 

       function onBeforeOpen(args) { 

            console.log('dialog open'); 

        }         

        function onDialogClose(args) { 

            console.log('dialog close') 

             

        } 

 

Regards, 

M.Vinitha devi 

[Toke Wivelsted]

This is exactly what I needed, thank you.

[Vinitha Devi Murugan]

Hi Toke, 

 

Thanks for your update. 

 

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

 

Regards, 

M.Vinitha devi