Kategorien
Allgemein

APEX Inline Dialog öffnen und schließen

Dieser Tipp funktioniert nur im Universal Theme mit APEX 5.0:

Inline Dialoge sind Regionen, die als modale Dialoge auf einer Seite dargestellt werden können. Diese Regionen sehen damit wie eine Seite vom Typ „Modal Dialog”aus. Modal bedeutet, das alle Elemente außerhalb dieser Region für den Benutzer nicht erreichbar sind. Alles außerhalb der Region erscheint abgedunkelt.

Beim Seitenaufruf sind Inline Dialoge nicht sichtbar. Per JavaScript-Aufruf können sie ein- und ausgeblendet werden. APEX liefert dafür die Funktionen openModal() und closeModal() mit.

Vorgehen zur Erstellung eines Inline Dialogs:

  • Region auf Position erstellen “Inline Dialogs”, Template “Inline Dialog” wählen
  • Static ID festlegen (hier im Beispiel “dialog_comment”)
  • Buttons zum Öffnen und Schließen erstellen, Action auf “Defined by Dynamic Action” setzen
  • Dynamic Action vom Typ “Execute JavaScript Code” für Open-Button erstellen:
openModal("dialog_comment");
$("#dialog_comment").parent().width("700px");
  • ..und für Close-Button:
closeModal('dialog_comment');

Im Page Designer sollte es dann folgendermaßen aussehen:

APEX Tipp Open Inline Dialog with DA

 

 

 

Von Markus Hohloch

Selbständiger Berater für Softwareentwicklung und Informationstechnik. Schwerpunkte sind die Entwicklung von Web-Applikationen mit Oracle APEX oder Java und Jasper Reports.