Arbeiten mit 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
JavaScript
Typ
Beschreibung
Zeilen teilen verfügbare Höhe gleichmäßig
evenlyspacedrows
boolean
Aktivieren Sie dieses Kontrollkästchen, damit alle Zeilen dieselbe Höhe haben.
Feste Spaltengröße
(Spalteneigenschaft)
* 
Diese Eigenschaft wird angezeigt, wenn Sie die Spalte unter einem Raster-Layout in der Projektstruktur auswählen.
N/A
Nicht verfügbar
Gibt die Breite einer Spalte an. Standardmäßig wird der verfügbare Platz gleichmäßig unter den Spalten aufgeteilt.
Flexible Richtung
(Spalteneigenschaft)
* 
Diese Eigenschaft wird angezeigt, wenn Sie die Spalte unter einem Raster-Layout in der Projektstruktur auswählen.
N/A
Nicht verfügbar
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)
* 
Diese Eigenschaft wird angezeigt, wenn Sie die Zeile unter einem Raster-Layout in der Projektstruktur auswählen.
N/A
Nicht verfügbar
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
Wie das Ergebnis aussieht
1. Ziehen Sie ein Raster-Layout-Widget in die Canvas, 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 DETAILS. 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.