Tutorial 3: Datenbank-Tabellen darstellen

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.

TD_FT_Datenbank-Tabellen_Screenshot_1

  • Ü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).

TD_FT_Datenbank-Tabellen_Screenshot_5

  • 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.

TD_FT_Datenbank-Tabellen_Screenshot_2

  • 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.

TD_FT_Datenbank-Tabellen_Screenshot_3

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.