Database Reference
In-Depth Information
Abbildung 3.5:
Beispieldatenmodell für ein Supportsystem
Data Binding: Layoutelemente mit Datenstrukturen verbinden
Der nächste Schritt ist es, auf der
Tickets
-Seite eine HTML-Tabelle anzulegen. Für be-
stimmte Themes bringt Structr bereits fertige Widgets mit, so auch für das gewählte SB
Admin v2.0. Dazu öffnen wir den W
IDGETS
-Bereich rechts und ziehen das Widget mit dem
Pfad
SB Admin 2/Tables/Basic Table
in den Bereich unter der Überschrift, sodass dort ei-
ne Beispieltabelle erscheint. Die Spaltenüberschriften sollten so angepasst werden, dass sie
für das Beispiel sinnvoll sind. Danach wird die erste Zeile der Tabelle mit dem Datenmo-
dell verbunden. Das so genannte Data Binding sorgt dafür, dass das Layoutelement, an dem
es definiert ist, als
Repeater
fungiert. Das bedeutet in diesem Beispiel, dass später für jedes
Ergebnisobjekt einer Datenbankabfrage eine Zeile in der Tabelle gerendert wird. Zunächst
werden dafür die Zelleninhalte der ersten Zeile mit den entsprechenden Objektreferenzen
versehen, wie
Abbildung 3.6
zeigt.
Abbildung 3.6:
Platzhalter für Objektreferenzen in Zellen der ersten Tabellenzeile
Einfachheitshalber nutzen wir eine unkomplizierte REST-Abfrage auf den Endpunkt
/tickets
und weisen die Ergebnisse dem Schlüssel (
Data-Key
)
ticket
zu (
Abb. 3.7
). Die Da-
tenobjekte sind auch über die Adresse
http://localhost:8082/structr/rest/tickets
abzufragen.
Search WWH ::
Custom Search