Een boom waarvan de knooppunten tabelrijen zijn. Uit- en samenvouwen, sorteren, filteren en kolommen kiezen; het toetsenbord volgt het WAI-ARIA-patroon treegrid.
Voorbeeld
Parameters
API
Parameter
Type
Beschrijving
ChildrenSelector
Func<TItem, IEnumerable<TItem>>
Geeft de kinderen van een item terug. Items zonder kinderen zijn bladeren.
Class
string
Extra CSS-klassen die aan het hoofdelement worden toegevoegd.
Columns
RenderFragment
Kolomdefinities: DataGridColumn-elementen.
Dense
bool
Gebruikt krappere celopvulling.
ExpandAll
bool
Vouwt elk knooppunt uit wanneer de boom voor het eerst verschijnt.
ExportFileName
string
Bestandsnaam van de CSV-export, zonder extensie.
Height
string
Maximale hoogte van de rasterbody, bijvoorbeeld 24rem (standaard 28rem met VirtualScroll).
Items
IEnumerable<TItem>
De opties waaruit kan worden gekozen.
Label
string
Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
RowEditing
bool
Bewerkt een hele rij tegelijk met knoppen voor bewerken, opslaan en annuleren.
RowHeight
int
Rijhoogte in pixels als VirtualScroll aan staat (standaard 44).
SelectedItem
TItem
Geselecteerd knooppunt. Gebruik met @bind-SelectedItem.
ShowExport
bool
Voegt knoppen toe die de grafiek als PNG- of SVG-afbeelding opslaan.
ShowFilters
bool
Toont een filtervak onder elke filterbare kolomkop.
ShowToolbar
bool
Toont de werkbalk met de kolomkiezer en CSV-export.
Style
string
Inline stijl die aan het hoofdelement wordt toegevoegd.
VirtualScroll
bool
Tekent alleen de zichtbare rijen (rijen moeten de vaste RowHeight hebben).
TreeListColumn
Parameter
Type
Beschrijving
Align
TextAlign
Left (standaard), Center of Right.
Editable
bool
Laat gebruikers de cellen van de kolom bewerken door erop te klikken.
Filterable
bool
Toont een filtervak voor deze kolom (standaard true).
Format
string
Opmaaktekenreeks voor getallen en datums, bijv. N0 of d.
Hidden
bool
Verbergt de kolom eerst; gebruikers kunnen hem via de werkbalk tonen.
Sortable
bool
Staat sorteren op deze kolom toe (standaard true).
Template
RenderFragment<TItem>
Title
string
Titeltekst (kop van de lade, tabbladbijschrift, kolomkop, stapbijschrift).
Value
Func<TItem, Object>
Huidige waarde. Gebruik met @bind-Value.
Width
string
Skeleton: elke CSS-lengte. Charts: tekenbreedte in SVG-eenheden (de grafiek schaalt nog steeds mee met zijn container).
Gebeurtenissen
API
Gebeurtenis
Type
Beschrijving
OnRowEdited
EventCallback<TItem>
Geactiveerd nadat een rij is opgeslagen, met het item.
SelectedItemChanged
EventCallback<TItem>
Geactiveerd wanneer een ander knooppunt wordt geselecteerd.
TreeListColumn
Gebeurtenis
Type
Beschrijving
Edited
EventCallback<TreeListEdit<TItem>>
Geactiveerd met het item en de nieuwe tekst wanneer een bewerking wordt bevestigd.
Pakket
TreeList maakt deel uit van RayCraft Complete. Pakket: RayCraft.Blazor.Complete. Het komt uit de privéfeed van RayCraft en vereist een actieve licentie. Zie Aan de slag.
