Skip to Main Content

Breadcrumb

Overview: Editing in a Dialog

This page shows how to use Interactive Grid in a modal dialog. The first page is a normal page which shows some overview information, in this example the departments stored in the EBA_DEMO_IG_DEPT table are being shown. Clicking on one of the departments opens a dialog page in which the EBA_DEMO_IG_EMP rows for that department can be modified.

Here are some things to know about working with interactive grids on a dialog page:

  • For the interactive grid itself, there are no differences between a normal page and a modal dialog. It's being created the same way.
  • In most cases, the dialog should be closed after changes have been saved. So, on the dialog page, add a Close Dialog process to be executed after the interactive grid row processing.
  • It's good practice to add another "Cancel" button as well. On click, execute a Cancel Dialog dynamic action.
  • When the dialog is closed, you may want to refresh some regions on the parent page since the shown information is outdated now. To achieve this, create a dynamic action for the Dialog Closed event, as it is done on this page. Beyond the refresh you might also display some notifications.

Department Overview