Hide Dialog Box when click on OK Button

[Veet]

I am using below which you  have specified here "https://ej2.syncfusion.com/javascript/documentation/dialog/dialog-utility/ "

Here my question is how to HIDE the DIALOG Box when I click on OK Button. 

document.getElementById('targetButton').onclick = function(){
// Initialize and render confirm dialog with custom options

ej.popups.DialogUtility.confirm({
        title: ' Confirmation Dialog',
        content: "This is a Confirmation Dialog!",
        okButton: {  text: 'OK', click: okClick },
        cancelButton: {  text: 'Cancel', click: cancelClick },
        showCloseIcon: true,
        closeOnEscape: true,
        animationSettings: { effect: 'Zoom' }
    });
};

function okClick(){
    alert('you clicked OK button');
}

function cancelClick(){
    alert('you clicked Cancel button');
}

[Buvana Sathasivam]

Hi Veet, 

Greetings from Syncfusion support. 

You can use the dialog hide method to close the dialog when you click the Ok button. Please see below the code and sample. 

  ej.popups.DialogUtility.confirm({ 

    okButton: { text: 'OK', click: okClick }, 

……….. 

  }); 

}; 

 

function okClick() { 

  this.hide(); 

} 

Sample: https://stackblitz.com/edit/vnaij8?file=index.js 

API link: https://ej2.syncfusion.com/javascript/documentation/api/dialog/#hide 

Documentation: https://ej2.syncfusion.com/javascript/documentation/dialog/dialog-utility/#close-utility-dialog 

We will update the documentation code and include it in one of our upcoming releases. 

Regards, 

Buvana S