På denne side Dokumentation Kontroller Data TreeList
TreeList Complete Et træ, hvis knuder er tabelrækker. Fold ud og ind, sortér, filtrér og vælg kolonner; tastaturet følger WAI-ARIA-mønstret treegrid.
Eksempel Parametre API Parameter Type Beskrivelse ChildrenSelectorFunc<TItem, IEnumerable<TItem>>Returnerer et elements børn. Elementer uden børn er blade. ClassstringEkstra CSS-klasser, der tilføjes til rodelementet. ColumnsRenderFragmentKolonnedefinitioner: DataGridColumn-elementer. DenseboolBruger strammere cellepolstring. ExpandAllboolUdvider alle knuder, når træet vises første gang. ExportFileNamestringCSV-eksportens filnavn, uden filtypenavn. HeightstringMaksimal højde på gitterets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll). ItemsIEnumerable<TItem>De valgmuligheder, der kan vælges mellem. LabelstringSynlig etikettekst (diagrammer: tilgængeligt navn; IconButton: tilgængeligt navn og værktøjstip). RowEditingboolRedigerer en hel række på én gang med knapper til rediger, gem og annullér. RowHeightintRækkehøjde i pixel, når VirtualScroll er slået til (standard 44). SelectedItemTItemValgt knude. Brug med @bind-SelectedItem. ShowExportboolTilføjer knapper, der gemmer diagrammet som PNG- eller SVG-billede. ShowFiltersboolViser et filterfelt under hver filtrérbar kolonneoverskrift. ShowToolbarboolViser værktøjslinjen med kolonnevælgeren og CSV-eksporten. StylestringIndlejret typografi, der tilføjes til rodelementet. VirtualScrollboolTegner kun de synlige rækker (rækker skal have den faste RowHeight).
TreeListColumn Parameter Type Beskrivelse AlignTextAlignLeft (standard), Center eller Right. EditableboolLader brugere redigere kolonnens celler ved at klikke på dem. FilterableboolViser et filterfelt for denne kolonne (standard true). FormatstringFormatstreng til tal og datoer, f.eks. N0 eller d. HiddenboolSkjuler kolonnen i første omgang; brugere kan vise den fra værktøjslinjen. SortableboolTillader sortering efter denne kolonne (standard true). TemplateRenderFragment<TItem>TitlestringTiteltekst (skuffens overskrift, fanens billedtekst, kolonneoverskrift, trinnets billedtekst). ValueFunc<TItem, Object>Aktuel værdi. Brug med @bind-Value. WidthstringSkeleton: en vilkårlig CSS-længde. Charts: tegnebredde i SVG-enheder (diagrammet tilpasses stadig sin beholder).
Hændelser API Hændelse Type Beskrivelse OnRowEditedEventCallback<TItem>Udløses, efter en række er gemt, med elementet. SelectedItemChangedEventCallback<TItem>Udløses, når en anden knude vælges.
TreeListColumn Hændelse Type Beskrivelse EditedEventCallback<TreeListEdit<TItem>>Udløses med elementet og den nye tekst, når en redigering bekræftes.
Pakke TreeList er en del af RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og kræver en aktiv licens. Se Kom i gang .
