Navigieren in ThingWorx Studio > Widgets > 2D > Raster-Layout
  
Raster-Layout
Was macht dieses Widget?
Das Widget Raster-Layout ermöglicht es Ihnen, jeden beliebigen Datensatz in einer Rasteransicht anzuzeigen.
Wann sollte ich dieses Widget verwenden?
Verwenden Sie ein Raster-Layout, wenn Sie Informationen in einem Tabellenformat anordnen möchten.
Gibt es besondere Eigenschaften, Dienste, Ereignisse oder Aktionen?
Eine Liste von allgemeinen Widget-Eigenschaften, -Diensten und -Ereignissen finden Sie unter Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse.
Die folgende Tabelle ist eine Liste von Eigenschaften, die für dieses Widget spezifisch sind.
Eigenschaft
Beschreibung
Zeilen teilen verfügbare Höhe gleichmäßig
Aktivieren Sie dieses Kontrollkästchen, damit alle Zeilen dieselbe Höhe haben.
Feste Spaltengröße
(Spalteneigenschaft)
Gibt die Breite einer Spalte an. Standardmäßig wird der verfügbare Platz gleichmäßig unter den Spalten aufgeteilt.
Flexible Richtung
(Spalteneigenschaft)
Sie können ein anderes Raster-Layout-Widget innerhalb einer Spalte verschachteln. "Flexible Richtung" legt fest, in welche Richtung zusätzliche Zeilen fließen.
Zeilenhöhe (in px)
(Zeileneigenschaft)
Gibt den Abstand zwischen dem Rand und der Kante an.
Mit diesem Widget sind folgende Aktionen verfügbar:
Spalte hinzufügen
Zeile hinzufügen
Das Widget in Aktion
Hier ist ein Beispiel, wie Ihr Widget aussehen könnte.
Minimale Schritte, die für die Verwendung erforderlich sind
Optionales CSS, das auf das Beispiel angewendet wird
Wie das Ergebnis aussieht
1. Ziehen Sie ein Raster-Layout-Widget auf den Zeichenbereich, und legen Sie es ab.
2. Klicken Sie auf Zeile hinzufügen, um die gewünschte Anzahl von Zeilen hinzuzufügen. Für dieses Beispiel haben wir drei weitere Zeilen hinzugefügt.
3. Um Spalten zu einer Zeile hinzuzufügen, markieren Sie die Zeile, und klicken Sie auf Spalte hinzufügen im Fensterbereich Detail. Für dieses Beispiel haben wir den letzten drei Zeilen eine weitere Spalte hinzugefügt.
4. Ziehen Sie die Widgets, die in den verschiedenen Zellen anzeigen möchten, auf die entsprechenden Zellen. Für dieses Beispiel haben wir Beschriftung-Widgets für den Text und Bild-Widgets für die Grafiken verwendet.
Keine
2D