ej.popups.DialogUtility.confirm: close property is ignored during configuration

3 Replies
2 Participants

Created by
ST Stefan

Platform
JavaScript - EJ 2

Platform
JavaScript - EJ 2

Control
Dialog

Created On
Feb 11, 2019 04:58 AM

Last Activity On
Feb 13, 2019 05:22 AM

Want to subscribe?
SIGN IN

When I configure a confirmation dialog, the close callback is ignored when configured during instantiation. It only works when setting close after the object is created:

Full StackBlitz sample

function addMeDialog(args) {            
    function dialogCancel() {
        console.log("cancelled");
    }

    let d = ej.popups.DialogUtility.confirm({
        /** shortened for illustration **/
        cancelButton: { text: 'Cancel', click: function() {
                dialogCancel();
                this.hide();
            } },
        showCloseIcon: true,                                
        closeOnEscape: true,
        // this does not work
        close: () => { console.log(args, 'closed from inside'); dialogCancel(); }
    });            
    // this does work, but it's ugly
    d.close = () => { console.log(args, 'closed from outside'); dialogCancel(); };            
}

3 Replies

PO Prince Oliver Syncfusion Team February 12, 2019 06:15 AM

Hi Stefan,

Thank you for contacting Syncfusion support.

In the Dialog control, we have defined utility method to render a dialog using basic properties. The additional properties can be configured through its instance. The utility arguments are listed in the below link: https://ej2.syncfusion.com/documentation/dialog/how-to/render-a-dialog-using-utility-functions/

Kindly check the above shared documentation link and if you face any issue, kindly shared detailed information on the issue. This will help us provide a prompt solution at the earliest.

Regards,

Prince

ST Stefan February 12, 2019 06:47 AM

Thank you very much for the clarification.

It would be desirable to expose the close property in the DialogUtility methods in order to align the cancel action with the close actions (to ensure the cancel action is executed whether by clicking cancel, clicking the close icon or through closeOnEscape). I'll file this as a Feedback.

PO Prince Oliver Syncfusion Team February 13, 2019 05:22 AM

Hi Stefan,

Thanks for your update.

Query 1: “It would be desirable to expose the close property in the DialogUtility methods in order to align the cancel action with the close actions (to ensure the cancel action is executed whether by clicking cancel, clicking the close icon or through closeOnEscape).”

You can differentiate the close event based below conditions through the dialog utility instance, when clicking the close icon or press escape key or click the cancel button. Please find the below code.

d.close = (args) => {

// Close the dialog using close icon

if (args.isInteraction && args.event.type == "click") {

alert("Close the dialog using close icon");

}

// Close the dialog using escape key

if (args.isInteraction && args.event.type == "keydown") {

alert("Close the dialog using escape key");

}

// Close the dialog using cancel button

if (!args.isInteraction && args.name == "close") {

alert("Close the dialog using cancel button");

}