FluentUI: Tree List — Demo-Übersicht

Zurück: FluentUI: Komponenten-Referenzen

Status: [Live] — eigene Methode widgets::treeList() (plus scripts/treelist.js), die den Spalten-Kontrakt von dataGrid() mit der Hierarchie-Idee von tree() in einem nativen <table role="treegrid"> kombiniert. Referenz: DevExpress ASPxTreeList (https://demos.devexpress.com/ASPxTreeListDemos/Default.aspx).

Ein Tree List ist ein DataGrid mit hierarchischen Zeilen statt einer flachen Liste — jede Zeile kann Kind-Zeilen haben (Analog: Dateisystem-Explorer mit Spalten für Größe/Datum). Es steht zwischen DataGrid (viele gleichartige Zeilen, flach) und TreeView (Hierarchie, aber nur eine Spalte).

• FluentUI: Desktop-DataGrid — Demo-Übersicht — flache Tabelle, Spalten-/Selection-/Sortier-Kontrakt, den Tree List erbt
• FluentUI: TreeView — Demo-Übersicht — Hierarchie ohne Spalten