Tutorial 4: Arbeiten mit Tabellen-/Formular Komponenten

Hier wird das klassisches Szenario erklärt, wie man mit den meistgenutzten Tabellen-/Formular Komponenten arbeitet und diese sinnvoll verknüpft. Im Grunde basiert jede GAPTEQ-Applikation auf dem Zusammenspiel der Komponenten über Actions & Events.

1. Verknüpfen von Komponenten über Actions & Events

Oftmals wird die Komponente Data Grid genutzt, um viele Datensätze in Tabellenform gesammelt darstellen zu können.

Möchtest Du nun einen Datensatz bearbeiten oder einen neuen anlegen, empfiehlt sich das Zusammenspiel mit der Formular-Komponente Data Form.

Die Interaktionen der Komponenten regelst Du über Events & Actions!

  • Events beschreiben die jeweiligen Möglichkeiten einer Komponente  
  • Über die Actions legst Du das Ereignis fest, dass passieren soll, wenn das Event ausgelöst wird / eintritt.
  • Die Komponente Data Grid stellt eine Menge an Events zur Verfügung. Über das Event "rowClicked" kannst Du beispielsweise angeben, was passieren soll, wenn ein Datensatz aus deiner Tabelle geklickt wird. 
  • Dieses Event verknüpfst Du nun mit der gewünschten Action (z.B. navigation, open page())

→ D.h. wenn ein Datensatz aus der Tabelle geklickt wird, soll zunächst innerhalb der Applikation auf eine neue Seite navigiert werden. 

TD_FT_Tabellen_Formulare

2. Einsatz von Parametern 

Den besten Workflow kreierst Du, indem Du eine direkte Interaktion zwischen den Komponenten herstellst - d.h. in unserem Fall, dass sich die Formular-Komponenten mit dem zuvor geklickten Datensatz, welchen Du bearbeiten möchtest, befüllt (direkte Übergabe von Datensätzen).

Notiz! Um eine direkte Interaktion zwischen Komponenten und die "Übergabe" von Datensätze zu ermöglichen, arbeitet GAPTEQ mit Parametern.

  • Parameter kannst Du jederzeit unter dem Reiter "URL Parameters" auf der Page anlegen.
  • Den Parameter legst Du zunächst auf der Zielseite an und kannst diesen dann schließlich auf der Ausgangsseite befüllen.