FluentUI: Vertical Grid (Property Grid) – Demo-Übersicht
Zurück: FluentUI: Komponenten-Referenzen · Bibliotheks-Übersicht
Das Eigenschaftsraster im Überblick: Grundraster, Gruppen, Nur-Lesen-Modus, Pflichtfelder und Validierungszustand, je mit eigener Seite.
Status: vollständig [Live] (Quelle: propertyGrid() in
helper/widgets.php).
API-Vertrag (Quelle der Wahrheit): propertyGrid() in
FluentUI: Öffentliche Helper-API; Schritt-für-Schritt-Verwendung:
Tutorial: Erste Admin-Oberfläche mit FluentUI bauen. Portal-Seite seit der DevExpress-
Demo-Portal-Neustrukturierung (analog zu
DataGrid) – die bisherige
Volltext-Doku liegt jetzt auf den Unterseiten unten.
Begriff und Einordnung
Ein Property Grid (bei DevExpress „Vertical Grid“: TcxVerticalGrid/VGridControl, ein WinForms-/WPF-Control ohne eigene ASP.NET-Webdemo) stellt ein Objekt als vertikale Label/Wert-Liste dar – Attribute als Zeilen, nicht als Spalten. Es ist das Gegenstück zum Desktop-DataGrid (viele Objekte als Zeilen) und deckt zwei Rollen ab:
- Formular-Raster – Eingabefelder mit Label-Spalte (ADS-„ModelView form“-Analog, siehe FormLayout-Zeile im Widget-Katalog).
- Eigenschaften-Inspector – kontextsensitive Anzeige des ausgewählten Objekts, typisch in der Auxbar (ADS Properties-Panel-Analog; Erstkonsument: die Auxbar der SQL-Workbench).
Demo-Kategorien
| Kategorie | Status |
|---|---|
| Grundlagen | [Live] – API, Markup, Verwendungsmuster, Gruppen/Sektionen, Readonly-Modus, Validierung |
| Adaptivity | [Live] – Panel-Füll-Rezept + stackBelow-Label-Kippe |
| Accessibility | Konsolidierung |
Verwandte Themen
- FluentUI: Desktop-DataGrid – Demo-Übersicht – Gegenstück: viele Objekte als Zeilen statt eines Objekts als Label/Wert-Liste
- FluentUI: Eingabefelder – Demo-Übersicht – Eingabefelder, die als
controlHtmlinpropertyGrid()-Zeilen eingebettet werden - FluentUI: Öffentliche Helper-API – vollständiger Methodenvertrag
- Tutorial: Erste Admin-Oberfläche mit FluentUI bauen – Schrittanleitung