FluentUI: Vertical Grid (Property Grid) — Demo-Übersicht

Zurück: FluentUI: Komponenten-Referenzen · Bibliotheks-Übersicht

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.

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).

• 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 controlHtml in propertyGrid()-Zeilen eingebettet werden
• FluentUI: Öffentliche Helper-API — vollständiger Methodenvertrag
• Tutorial: Erste Admin-Oberfläche mit FluentUI bauen — Schrittanleitung