TreeView
FreeHierarkisk lista enligt ARIA-mönstret tree. Piltangenter flyttar och expanderar, Home och End hoppar, Enter eller Mellanslag väljer. Barn kommer från ChildrenSelector, så vilken rekursiv typ som helst fungerar, eller från en asynkron ChildrenLoader som körs när en nod öppnas första gången.
Exempel

Parametrar
| Parameter | Typ | Beskrivning |
|---|---|---|
CanDrop | Func<TItem, Object, bool> | Anger om den dragna nyttolasten får släppas på en nod (TreeView, standard ja). |
Checkable | bool | Visar en kryssruta på varje nod; överordnade visar ett blandat tillstånd. |
CheckedItems | IEnumerable<TItem> | Ikryssade noder. Använd med @bind-CheckedItems. |
ChildrenLoader | Func<TItem, Task<IEnumerable<TItem>>> | Läser in en nods barn när den öppnas första gången (returnerar en uppgift). Medan den körs visar noden en indikator och aria-busy; ett fel fäller ihop noden och utlöser OnLoadError. |
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. |
ContextMenuItems | Func<TItem, IReadOnlyList<MenuCommand>> | Returnerar kommandona i en nods snabbmeny; öppnas med högerklick, Menu-tangenten och Shift+F10 (TreeView). |
ExpandAll | bool | Expanderar alla noder när trädet visas första gången. |
HasChildren | Func<TItem, bool> | Anger före inläsning om en nod har barn (så att den visar expanderapilen). Utan den kan varje nod öppnas när ChildrenLoader är angiven. |
ItemBadge | Func<TItem, string> | Kort text i slutet av en nod, till exempel ett antal olästa; tom visar inget (TreeView). |
ItemBold | Func<TItem, bool> | Anger om en nods namn är fetstilt, till exempel när den har olästa objekt (TreeView). |
Items | IEnumerable<TItem> | Alternativen att välja bland. |
ItemTemplate | RenderFragment<TItem> | Eget innehåll för varje nod. Objektet är tillgängligt som kontext. |
ItemText | Func<TItem, string> | Omvandlar ett objekt till dess visningstext (som standard ToString()). |
Label | string | Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips). |
SelectedItem | TItem | Vald nod. Använd med @bind-SelectedItem. |
Style | string | Inbäddad stil som läggs till på rotelementet. |
Händelser
| Händelse | Typ | Beskrivning |
|---|---|---|
CheckedItemsChanged | EventCallback<IEnumerable<TItem>> | Utlöses när de ikryssade noderna ändras. |
OnDrop | EventCallback<TreeDropEventArgs<TItem>> | Utlöses när en nyttolast som startats med IRayCraftDrag.Begin släpps på en nod (TreeView). |
OnLoadError | EventCallback<Exception> | Utlöses med undantaget när ChildrenLoader misslyckas; noden fälls ihop. |
SelectedItemChanged | EventCallback<TItem> | Utlöses när en annan nod väljs. |
Paket
TreeView ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.
Skicka synpunkterVersion 1.0.3