Erste Schritte
      Zurück zur Startseite
      1. Knowledge Base
      2. Onboarding-Tutorials
      3. Erste Schritte

      Komponenten mit Funktionalitäten ausstatten

      Jede Komponente in GAPTEQ verfügt über verschiedene Events und Actions. Darüber wird die Funktion der Komponente innerhalb der Applikation festgelegt - d.h. auf definierte Auslöser folgen spezielle Aktionen.

      In diesem Artikel lesen Sie folgende Inhalte: 

      Event & Actions der Komponente Button

      Events & Actions der Komponente Data Grid

      1. Events & Actions der Komponente Button

      Notiz! Die Komponente "Button" verfügt über ein einziges Event - das clicked-Event. Dem Event kann nun eine beliebige Action zugewiesen werden, welche festgelegt, was passieren soll, wenn der Button geklickt wird. 

      • Ziehen Sie dazu zunächst die Komponente Button auf eine Page.
      • In der rechten Seitenleiste sind unterhalb der Properties alle verfügbaren Events der Komponente aufgeführt. Der Button verfügt lediglich über das clicked-Event.

      TD_FT_Pagesverknüpfen_1

      • Über den Button "Edit actions" und das "grüne Plus" Symbol öffnet sich ein weiterer Dialog. Hier stehen nun alle Actions zur Verfügung, die auf das clicked-Event folgen können. 
      • Hier im Beispiel folgt auf das clicked-Event eine "navigation" in Form von "open(page, parameter)" - d.h. wenn der Button geklickt wird, öffnet sich eine neue Page.

      Tipp! Es gibt eine Reihe an Actions, welche auf ein clicked-Event folgen können - beispielsweise auch Actions auf andere Komponenten der Seite. Alle verfügbaren Komponenten der Seite stehen dann im Dialog unter "Component" zu Auswahl.

      TD_FT_Pagesverknüpfen_2-1
      • Im nächsten Schritt muss ausgewählt werden, welche Page geöffnet werden soll. Dazu stehen im weiteren Verlauf des Dialogs alle bisher angelegten Pages zur Verfügung.
      • Bei erfolgreich hinterlegter Funktionalität ist die Action nun beim clicked-Event hinterlegt.

      TD_FT_Pagesverknüpfen_3

      2. Events & Actions der Komponente Data Grid

      Notiz! Die Komponente "Data Grid" verfügt logischer über weitaus mehrere Events als die Komponente Button.  - dvon

      TD_FT_Pagesverknüpfen_4

      • Ziehen Sie dazu zunächst die Komponente Data Grid auf eine Page.
      • In der rechten Seitenleiste sind unterhalb der Properties alle verfügbaren Events der Komponente aufgeführt. 
      • Über den Button "Edit actions" und das "grüne Plus" Symbol öffnet sich ein weiterer Dialog. Hier stehen nun alle Actions zur Verfügung, die auf das ausgewählte Event folgen können. 
      • Hier im Beispiel folgt auf das dataLoaded-Event eine Action auf die Komponente 

      gleicht sich aktuell sehr mit dem Feature Tipp "Arbeiten mit Tabellen- und Formularkomponenten"