Usage

Usage

Default Action

In the default action, the plug-in uses the confirm() javascript function to display the warning.

Custom Action

The custom action is for displaying alerts in a different style. For example, you can display an alert with a plug-in like United Codes SweetAlert2. When selecting Custom action, a new dynamic action, “Custom (ucwarnunsaved event),” must be added to trigger the “Alert on page changes” (ucwarnunsaved) plug-in event.

Custom (event ucwarnunsaved)

Example code that can be used in the custom event “Warn about page changes” :

if (this.data.history) {
   var ok = apex.page.confirm(this.data.message);

   if (ok == true) {
      history.back();
   } else {
      // Stay on the current page.
      history.pushState("dialogHist", null, window.location.pathname + window.location.search);
   }
}
else {
   var ok = apex.page.confirm(this.data.message);
   if ( !ok ) {
      this.data.event.preventDefault();
      this.data.event.stopPropagation();
   }
}

Tested On

Oracle APEX Versions:

• Application Express 18.1
• Application Express 18.2
• Application Express 19.1
• Application Express 19.2
• Application Express 20.1
• Application Express 20.2
• Application Express 21.1
• Application Express 21.2
• Application Express 22.1
• Application Express 22.2
• Application Express 23.1