RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

TreeList

Complete

Ein Baum, dessen Knoten Tabellenzeilen sind. Auf- und zuklappen, sortieren, filtern und Spalten wählen; die Tastatur folgt dem WAI-ARIA-Muster treegrid.

Beispiel

Steuerelement TreeList

Parameter

API

ParameterTypBeschreibung
ChildrenSelectorFunc<TItem, IEnumerable<TItem>>Gibt die untergeordneten Elemente eines Elements zurück. Elemente ohne untergeordnete Elemente sind Blätter.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ColumnsRenderFragmentSpaltendefinitionen: DataGridColumn-Elemente.
DenseboolVerwendet engeren Zellenabstand.
ExpandAllboolKlappt jeden Knoten auf, wenn der Baum zum ersten Mal erscheint.
ExportFileNamestringDateiname des CSV-Exports, ohne Erweiterung.
HeightstringMaximale Höhe des Rasterkörpers, zum Beispiel 24rem (Standard 28rem mit VirtualScroll).
ItemsIEnumerable<TItem>Die Optionen zur Auswahl.
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
RowEditingboolBearbeitet eine ganze Zeile auf einmal mit Schaltflächen zum Bearbeiten, Speichern und Abbrechen.
RowHeightintZeilenhöhe in Pixeln, wenn VirtualScroll aktiv ist (Standard 44).
SelectedItemTItemGewählter Knoten. Verwenden Sie es mit @bind-SelectedItem.
ShowExportboolFügt Schaltflächen hinzu, die das Diagramm als PNG- oder SVG-Bild speichern.
ShowFiltersboolZeigt unter jeder filterbaren Kopfzelle ein Filterfeld.
ShowToolbarboolZeigt die Symbolleiste mit Spaltenauswahl und CSV-Export.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
VirtualScrollboolZeichnet nur die sichtbaren Zeilen (Zeilen müssen die feste RowHeight haben).

TreeListColumn

ParameterTypBeschreibung
AlignTextAlignLeft (Standard), Center oder Right.
EditableboolLässt Benutzer die Zellen der Spalte durch Anklicken bearbeiten.
FilterableboolZeigt ein Filterfeld für diese Spalte (Standard true).
FormatstringFormatzeichenfolge für Zahlen und Datumswerte, z. B. N0 oder d.
HiddenboolBlendet die Spalte zunächst aus; Benutzer können sie über die Symbolleiste anzeigen.
SortableboolErlaubt das Sortieren nach dieser Spalte (Standard true).
TemplateRenderFragment<TItem>
TitlestringTiteltext (Kopfzeile der Seitenleiste, Registerbeschriftung, Spaltenüberschrift, Schrittbeschriftung).
ValueFunc<TItem, Object>Aktueller Wert. Verwenden Sie es mit @bind-Value.
WidthstringSkeleton: jede CSS-Länge. Charts: Zeichenbreite in SVG-Einheiten (das Diagramm skaliert weiterhin mit seinem Container).

Ereignisse

API

EreignisTypBeschreibung
OnRowEditedEventCallback<TItem>Wird ausgelöst, nachdem eine Zeile gespeichert wurde, mit dem Element.
SelectedItemChangedEventCallback<TItem>Wird ausgelöst, wenn ein anderer Knoten gewählt wird.

TreeListColumn

EreignisTypBeschreibung
EditedEventCallback<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.