Allgemeine Informationen

Modal Fenster sind Oberflächenelemente, die sich über der aktuellen Seite öffnen. Sie werden auch als Popup-Fenster bezeichnet.

Um ein neues modal Fenster zu erstellen, ziehen Sie es aus dem Widget-Panel.

Ein modales Fenster kann in zwei Bereichen auf dem Canvas platziert werden:

  1. Page components;
  2. App components;

In Page componentsist es besser, modale Fenster zu platzieren, die mit einer bestimmten Seite verknüpft sind.

In App componentswerden modal Fenster platziert, die für die gesamte Anwendung gelten.

Das Fenster modal kann dieselben Widgets enthalten wie eine normale Seite.

Der Geschäftsprozess kann mit dem Fenster modal auf der Registerkarte "Workflow" verknüpft werden. Die folgenden Auslöser können dafür verwendet werden:

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

Zwei Blöcke im BP können zur Steuerung modaler Fenster verwendet werden:

  • Show modal zum Öffnen des modalen Fensters
  • Hide modal um das Fenster modal zu schließen.

Wie man mit modal Fenstern arbeitet

Hinzufügen eines modal Fenster zum Page components Abschnitt.

Platzieren Sie ein button auf dem Seiten-Canvas.

Für die buttonwird ein Geschäftsprozess auf der Seite OnClick Auslöser. Der GP wird nur einen Block enthalten: Show Modal.

In dem Show modal Block setzen Sie den Eingangsparameter Component ID und wählen Sie den Namen des modal Fensters.

Platzieren Sie nun eine weitere Schaltfläche, aber in einem modalen Fenster.

Für diese Schaltfläche wird ein ähnlicher BP konfiguriert, jedoch wird der Hide modal wird anstelle des Show modal Block verwendet.

Jetzt können Sie das modale Fenster öffnen und schließen.

Das modal Fenster ist eine sehr nützliche Funktion. Es ist zum Beispiel praktisch, um die Funktion des Hinzufügens von Datensätzen zu platzieren.

Was this article helpful?

AppMaster.io 101 Crash-Kurs

10 Module
2 Wochen

Sie wissen nicht, wo Sie anfangen sollen? Legen Sie los mit unserem Crashkurs für Anfänger und erkunden Sie AppMaster von A bis Z.

Kurs starten
Development it’s so easy with AppMaster!

Benötigen Sie weitere Hilfe?

Lösen Sie jedes Problem mit Hilfe unserer Experten. Sparen Sie Zeit und konzentrieren Sie sich auf die Erstellung Ihrer Anwendungen.

headphones

Kontaktieren Sie Support

Schildern Sie uns Ihr Problem und wir finden eine Lösung für Sie.

message

Community-Chat

Besprechen Sie Fragen mit anderen Benutzern in unserem Chat.

Community beitreten