Ein Baum, dessen Knoten Tabellenzeilen sind. Auf- und zuklappen, sortieren, filtern und Spalten wählen; die Tastatur folgt dem WAI-ARIA-Muster treegrid.
Beispiel
Parameter
API
Parameter
Typ
Beschreibung
ChildrenSelector
Func<TItem, IEnumerable<TItem>>
Gibt die untergeordneten Elemente eines Elements zurück. Elemente ohne untergeordnete Elemente sind Blätter.
Class
string
Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
Columns
RenderFragment
Spaltendefinitionen: DataGridColumn-Elemente.
Dense
bool
Verwendet engeren Zellenabstand.
ExpandAll
bool
Klappt jeden Knoten auf, wenn der Baum zum ersten Mal erscheint.
ExportFileName
string
Dateiname des CSV-Exports, ohne Erweiterung.
Height
string
Maximale Höhe des Rasterkörpers, zum Beispiel 24rem (Standard 28rem mit VirtualScroll).
Items
IEnumerable<TItem>
Die Optionen zur Auswahl.
Label
string
Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
RowEditing
bool
Bearbeitet eine ganze Zeile auf einmal mit Schaltflächen zum Bearbeiten, Speichern und Abbrechen.
RowHeight
int
Zeilenhöhe in Pixeln, wenn VirtualScroll aktiv ist (Standard 44).
SelectedItem
TItem
Gewählter Knoten. Verwenden Sie es mit @bind-SelectedItem.
ShowExport
bool
Fügt Schaltflächen hinzu, die das Diagramm als PNG- oder SVG-Bild speichern.
ShowFilters
bool
Zeigt unter jeder filterbaren Kopfzelle ein Filterfeld.
ShowToolbar
bool
Zeigt die Symbolleiste mit Spaltenauswahl und CSV-Export.
Style
string
Inline-Stil, der dem Wurzelelement hinzugefügt wird.
VirtualScroll
bool
Zeichnet nur die sichtbaren Zeilen (Zeilen müssen die feste RowHeight haben).
TreeListColumn
Parameter
Typ
Beschreibung
Align
TextAlign
Left (Standard), Center oder Right.
Editable
bool
Lässt Benutzer die Zellen der Spalte durch Anklicken bearbeiten.
Filterable
bool
Zeigt ein Filterfeld für diese Spalte (Standard true).
Format
string
Formatzeichenfolge für Zahlen und Datumswerte, z. B. N0 oder d.
Hidden
bool
Blendet die Spalte zunächst aus; Benutzer können sie über die Symbolleiste anzeigen.
Sortable
bool
Erlaubt das Sortieren nach dieser Spalte (Standard true).
Template
RenderFragment<TItem>
Title
string
Titeltext (Kopfzeile der Seitenleiste, Registerbeschriftung, Spaltenüberschrift, Schrittbeschriftung).
Value
Func<TItem, Object>
Aktueller Wert. Verwenden Sie es mit @bind-Value.
Width
string
Skeleton: jede CSS-Länge. Charts: Zeichenbreite in SVG-Einheiten (das Diagramm skaliert weiterhin mit seinem Container).
Ereignisse
API
Ereignis
Typ
Beschreibung
OnRowEdited
EventCallback<TItem>
Wird ausgelöst, nachdem eine Zeile gespeichert wurde, mit dem Element.
SelectedItemChanged
EventCallback<TItem>
Wird ausgelöst, wenn ein anderer Knoten gewählt wird.
TreeListColumn
Ereignis
Typ
Beschreibung
Edited
EventCallback<TreeListEdit<TItem>>
Wird mit dem Element und dem neuen Text ausgelöst, wenn eine Bearbeitung bestätigt wird.
Paket
TreeList gehört zu RayCraft Complete. Paket: RayCraft.Blazor.Complete. Es stammt aus dem privaten RayCraft-Feed und erfordert eine aktive Lizenz. Siehe Erste Schritte.