Un arbre dont les nœuds sont des lignes de tableau. Développer et réduire, trier, filtrer et choisir les colonnes ; le clavier suit le modèle WAI-ARIA treegrid.
Exemple
Paramètres
API
Paramètre
Type
Description
ChildrenSelector
Func<TItem, IEnumerable<TItem>>
Renvoie les enfants d'un élément. Les éléments sans enfants sont des feuilles.
Class
string
Classes CSS supplémentaires ajoutées à l'élément racine.
Columns
RenderFragment
Définitions de colonnes : éléments DataGridColumn.
Dense
bool
Utilise un remplissage de cellule plus serré.
ExpandAll
bool
Développe chaque nœud lors de la première apparition de l'arbre.
ExportFileName
string
Nom du fichier de l'export CSV, sans extension.
Height
string
Hauteur maximale du corps de la grille, par exemple 24rem (28rem par défaut avec VirtualScroll).
Items
IEnumerable<TItem>
Les options à choisir.
Label
string
Texte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
RowEditing
bool
Modifie toute une ligne d'un coup avec des boutons de modification, d'enregistrement et d'annulation.
RowHeight
int
Hauteur de ligne en pixels quand VirtualScroll est activé (44 par défaut).
SelectedItem
TItem
Nœud sélectionné. À utiliser avec @bind-SelectedItem.
ShowExport
bool
Ajoute des boutons qui enregistrent le graphique en image PNG ou SVG.
ShowFilters
bool
Affiche une zone de filtre sous l'en-tête de chaque colonne filtrable.
ShowToolbar
bool
Affiche la barre d'outils avec le sélecteur de colonnes et l'export CSV.
Style
string
Style en ligne ajouté à l'élément racine.
VirtualScroll
bool
Ne dessine que les lignes visibles (les lignes doivent avoir la RowHeight fixe).
TreeListColumn
Paramètre
Type
Description
Align
TextAlign
Left (par défaut), Center ou Right.
Editable
bool
Permet aux utilisateurs de modifier les cellules de la colonne en cliquant dessus.
Filterable
bool
Affiche une zone de filtre pour cette colonne (true par défaut).
Format
string
Chaîne de format pour les nombres et les dates, p. ex. N0 ou d.
Hidden
bool
Masque d'abord la colonne ; les utilisateurs peuvent l'afficher depuis la barre d'outils.
Sortable
bool
Autorise le tri par cette colonne (true par défaut).
Template
RenderFragment<TItem>
Title
string
Texte du titre (en-tête de tiroir, légende d'onglet, en-tête de colonne, légende d'étape).
Value
Func<TItem, Object>
Valeur actuelle. À utiliser avec @bind-Value.
Width
string
Skeleton : toute longueur CSS. Charts : largeur du dessin en unités SVG (le graphique s'adapte toujours à son conteneur).
Événements
API
Événement
Type
Description
OnRowEdited
EventCallback<TItem>
Déclenché après l'enregistrement d'une ligne, avec l'élément.
SelectedItemChanged
EventCallback<TItem>
Déclenché quand un autre nœud est sélectionné.
TreeListColumn
Événement
Type
Description
Edited
EventCallback<TreeListEdit<TItem>>
Déclenché avec l'élément et le nouveau texte quand une modification est confirmée.
Paquet
TreeList fait partie de RayCraft Complete. Paquet : RayCraft.Blazor.Complete. Il provient du flux privé RayCraft et nécessite une licence active. Voir Premiers pas.
