På denne siden Dokumentasjon Kontroller Data TreeList
TreeList Complete Et tre der nodene er tabellrader. Fold ut og inn, sorter, filtrer og velg kolonner; tastaturet følger WAI-ARIA-mønsteret treegrid.
Eksempel Parametere API Parameter Type Beskrivelse ChildrenSelectorFunc<TItem, IEnumerable<TItem>>Returnerer barna til et element. Elementer uten barn er blader. ClassstringEkstra CSS-klasser som legges til rotelementet. ColumnsRenderFragmentKolonnedefinisjoner: DataGridColumn-elementer. DenseboolBruker strammere celleutfylling. ExpandAllboolUtvider alle noder når treet vises første gang. ExportFileNamestringFilnavn for CSV-eksporten, uten filendelse. HeightstringMaksimal høyde på rutenettets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll). ItemsIEnumerable<TItem>Alternativene å velge mellom. LabelstringSynlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips). RowEditingboolRedigerer en hel rad på én gang med knapper for rediger, lagre og avbryt. RowHeightintRadhøyde i piksler når VirtualScroll er på (standard 44). SelectedItemTItemValgt node. Bruk med @bind-SelectedItem. ShowExportboolLegger til knapper som lagrer diagrammet som PNG- eller SVG-bilde. ShowFiltersboolViser et filterfelt under hver filtrerbare kolonneoverskrift. ShowToolbarboolViser verktøylinjen med kolonnevelgeren og CSV-eksporten. StylestringInnebygd stil som legges til rotelementet. VirtualScrollboolTegner bare de synlige radene (radene må ha den faste RowHeight).
TreeListColumn Parameter Type Beskrivelse AlignTextAlignLeft (standard), Center eller Right. EditableboolLar brukere redigere cellene i kolonnen ved å klikke på dem. FilterableboolViser et filterfelt for denne kolonnen (standard true). FormatstringFormatstreng for tall og datoer, f.eks. N0 eller d. HiddenboolSkjuler kolonnen først; brukere kan vise den fra verktøylinjen. SortableboolTillater sortering etter denne kolonnen (standard true). TemplateRenderFragment<TItem>TitlestringTittel (skuffens overskrift, fanens bildetekst, kolonneoverskrift, trinnets bildetekst). ValueFunc<TItem, Object>Gjeldende verdi. Bruk med @bind-Value. WidthstringSkeleton: en hvilken som helst CSS-lengde. Charts: tegnebredde i SVG-enheter (diagrammet tilpasses fortsatt beholderen).
Hendelser API Hendelse Type Beskrivelse OnRowEditedEventCallback<TItem>Utløses etter at en rad er lagret, med elementet. SelectedItemChangedEventCallback<TItem>Utløses når en annen node velges.
TreeListColumn Hendelse Type Beskrivelse EditedEventCallback<TreeListEdit<TItem>>Utløses med elementet og den nye teksten når en redigering bekreftes.
Pakke TreeList er en del av RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og krever en aktiv lisens. Se Kom i gang .
