På den här sidan
TreeList
Complete Ett träd vars noder är tabellrader. Fäll ut och in, sortera, filtrera och välj kolumner; tangentbordet följer WAI-ARIA-mönstret treegrid.
Exempel
Parametrar
API
| Parameter | Typ | Beskrivning |
|---|
ChildrenSelector | Func<TItem, IEnumerable<TItem>> | Returnerar ett objekts barn. Objekt utan barn är löv. |
Class | string | Extra CSS-klasser som läggs till på rotelementet. |
Columns | RenderFragment | Kolumndefinitioner: DataGridColumn-element. |
Dense | bool | Använder tätare cellutfyllnad. |
ExpandAll | bool | Expanderar alla noder när trädet visas första gången. |
ExportFileName | string | Filnamn för CSV-exporten, utan filnamnstillägg. |
Height | string | Största höjd för rutnätets brödtext, till exempel 24rem (standard 28rem med VirtualScroll). |
Items | IEnumerable<TItem> | Alternativen att välja bland. |
Label | string | Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips). |
RowEditing | bool | Redigerar en hel rad på en gång med knappar för redigera, spara och avbryt. |
RowHeight | int | Radhöjd i pixlar när VirtualScroll är på (standard 44). |
SelectedItem | TItem | Vald nod. Använd med @bind-SelectedItem. |
ShowExport | bool | Lägger till knappar som sparar diagrammet som PNG- eller SVG-bild. |
ShowFilters | bool | Visar en filterruta under varje filtrerbar kolumnrubrik. |
ShowToolbar | bool | Visar verktygsfältet med kolumnväljaren och CSV-exporten. |
Style | string | Inbäddad stil som läggs till på rotelementet. |
VirtualScroll | bool | Ritar bara de synliga raderna (raderna måste ha den fasta RowHeight). |
TreeListColumn
| Parameter | Typ | Beskrivning |
|---|
Align | TextAlign | Left (standard), Center eller Right. |
Editable | bool | Låter användare redigera kolumnens celler genom att klicka på dem. |
Filterable | bool | Visar en filterruta för den här kolumnen (standard true). |
Format | string | Formatsträng för tal och datum, t.ex. N0 eller d. |
Hidden | bool | Döljer kolumnen från början; användare kan visa den från verktygsfältet. |
Sortable | bool | Tillåter sortering efter den här kolumnen (standard true). |
Template | RenderFragment<TItem> | |
Title | string | Rubriktext (lådans rubrik, flikens bildtext, kolumnrubrik, stegets bildtext). |
Value | Func<TItem, Object> | Aktuellt värde. Använd med @bind-Value. |
Width | string | Skeleton: vilken CSS-längd som helst. Charts: ritbredd i SVG-enheter (diagrammet anpassas fortfarande efter sin behållare). |
Händelser
API
| Händelse | Typ | Beskrivning |
|---|
OnRowEdited | EventCallback<TItem> | Utlöses efter att en rad har sparats, med objektet. |
SelectedItemChanged | EventCallback<TItem> | Utlöses när en annan nod väljs. |
TreeListColumn
| Händelse | Typ | Beskrivning |
|---|
Edited | EventCallback<TreeListEdit<TItem>> | Utlöses med objektet och den nya texten när en redigering bekräftas. |
Paket
TreeList ingår i RayCraft Complete. Paket: RayCraft.Blazor.Complete. Den hämtas från RayCrafts privata flöde och kräver en aktiv licens. Se Kom igång.
