Lerne, wie Du mit GAPTEQ-Komponenten arbeitest, welche für die Darstellung von Datenbank-Tabellen oder Views gemacht sind. Darüber lassen sich ie Tabellen in Ihrer Applikation ansehen, durchsuchen, filtern oder sortieren.
In diesem Artikel:
Data Layer erzeugen und anwenden
Tabellen anpassen/konfigurieren
Notiz! Für die Arbeit mit Datenbank-Tabellen sind v.a. die Komponenten Data Grid, Data List & Data Form geeignet.
1. Data Layer erzeugen und anwenden
-
Ziehe die Komponente (im Bsp. Data Grid) per Drag & Drop auf die Page. Es wird direkt darauf hingewiesen, dass ein Data Layer benötigt wird („Drag a data layer here“).
Notiz! Über den Data Layer "kommuniziert" die GAPTEQ-Komponente mit einer Datenbank-Tabelle – d.h. dieser muss für alle benötigten Tabellen / Views erstellt werden.
Der Data Layer kann als eine Art "Abbild" der DB-Tabelle verstanden werden.
-
Über den Button „New“ im Hauptmenü erzeugst Du per „Data Layer for table“ (für Tabelle) einen neuen Data Layer.
-
Wähle anschließend die gewünschte Tabelle unter „Select a table…“ für welche der Data Layer erzeugt werden soll und speichere diesen (ab dann sollte der Data Layer in den Design Objects zu finden sein).
-
Ziehe den gewünschten Data Layer per Drag & Drop auf die Komponente in der Page.
-
Es öffnet sich ein Dialog, welcher alle Felder/Spalten der gewählten Tabelle anzeigt. Wähle nun jene aus, die in der Komponente dargestellt werden sollen.
-
Nach Klick auf „OK“ werden die gewählten Felder in der Tabelle angezeigt. In den Einstellungen/Properties der Komponente siehst Du unter "Data layer", welche Tabelle hinterlegt ist.
2. Tabellen anpassen/konfigurieren
Die Anzeige der Spalten der Tabellen kann jederzeit angepasst werden.
-
Mit Rechtsklick auf das Data Grid öffnet sich unter „Add columns“ ein Dialog (Select columns) über welchen jederzeit weitere Spalten ausgewählt werden können.
-
Um eine oder mehrere Spalten zu löschen, gehe mit Rechtsklick auf die entsprechende spalte und wähle "Delete" oder die Entf-Taste auf der Tastatur.
Tipp! Viele weitere Konfigurationsmöglichkeiten der Tabellenspalten finden Sie in den "Column Properties" in der rechten Menüleiste.
Zum nächsten Tutorial → "Arbeit mit Tabellen & Formular-Komponenten"