Image anzeigen
Das Datagrid bietet die Möglichkeit, eine Spalte als Bild anzuzeigen.
- Wählen Sie den Control-Typ „Image“ aus.
- Öffnen Sie den Dialog „Data definitions“ mit Klick auf den „…“-Button.
In dem „Data definitions“-Dialog können Sie beliebig viele Einträge hinzufügen.
- Text: Bezeichnung des Bildes. Diese Eigenschaft dient zur Übersichtlichkeit und wird nicht im Datagrid angezeigt.
- Value: Wert, welcher steuert, welches Bild angezeigt wird.
- Source: Pfad zu dem Bild, das angezeigt werden soll.
- Width / Height: Breite und Höhe, in welcher das Bild in der Spalte angezeigt werden soll.
- Add: Fügt einen neuen Bild-Eintrag hinzu.
Nach der Konfiguration zeigt die Spalte automatisch das Bild an, welches für den jeweiligen Wert hinterlegt ist. Die Datenstruktur gibt dabei von außen den Wert vor, über den die unterschiedlichen Bilder geladen werden.
Das nachfolgende Beispiel baut auf der Default-Konfiguration des Datagrids auf. Der Code kann unter das Attribut SrcData kopiert werden:
[
{
"Test1": "Example Data",
"Test2": 42,
"Test3": true,
"Test4": "42"
},
{
"Test1": "Example Data",
"Test2": 3.1415,
"Test3": false,
"Test4": "43"
}
]Daraus ergibt sich die folgende Ansicht:
