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