TreeView
FreeHierarchische Liste nach dem ARIA-Muster tree. Pfeiltasten bewegen und klappen auf, Pos1 und Ende springen, Eingabe oder Leertaste wählt. Untergeordnete Elemente stammen aus ChildrenSelector, sodass jeder rekursive Typ funktioniert, oder aus einem asynchronen ChildrenLoader, der beim ersten Öffnen eines Knotens läuft.
Beispiel

Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
CanDrop | Func<TItem, Object, bool> | Gibt an, ob die gezogene Nutzlast auf einem Knoten abgelegt werden darf (TreeView, Standard ja). |
Checkable | bool | Zeigt an jedem Knoten ein Kontrollkästchen; übergeordnete Knoten zeigen einen gemischten Zustand. |
CheckedItems | IEnumerable<TItem> | Angehakte Knoten. Verwenden Sie es mit @bind-CheckedItems. |
ChildrenLoader | Func<TItem, Task<IEnumerable<TItem>>> | Lädt die untergeordneten Elemente eines Knotens beim ersten Öffnen (gibt eine Task zurück). Während der Ausführung zeigt der Knoten einen Ladekreis und aria-busy; ein Fehler klappt den Knoten zu und löst OnLoadError aus. |
ChildrenSelector | Func<TItem, IEnumerable<TItem>> | Gibt die untergeordneten Elemente eines Elements zurück. Elemente ohne untergeordnete Elemente sind Blätter. |
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
ContextMenuItems | Func<TItem, IReadOnlyList<MenuCommand>> | Gibt die Kontextmenübefehle eines Knotens zurück; öffnet sich mit Rechtsklick, der Menütaste und Umschalt+F10 (TreeView). |
ExpandAll | bool | Klappt jeden Knoten auf, wenn der Baum zum ersten Mal erscheint. |
HasChildren | Func<TItem, bool> | Gibt vor dem Laden an, ob ein Knoten untergeordnete Elemente hat (damit er den Aufklapppfeil zeigt). Ohne sie kann jeder Knoten geöffnet werden, wenn ChildrenLoader gesetzt ist. |
ItemBadge | Func<TItem, string> | Kurzer Text am Ende eines Knotens, zum Beispiel eine Anzahl ungelesener Elemente; leer zeigt nichts (TreeView). |
ItemBold | Func<TItem, bool> | Gibt an, ob der Name eines Knotens fett ist, zum Beispiel wenn er ungelesene Elemente hat (TreeView). |
Items | IEnumerable<TItem> | Die Optionen zur Auswahl. |
ItemTemplate | RenderFragment<TItem> | Eigener Inhalt für jeden Knoten. Das Element steht als Kontext zur Verfügung. |
ItemText | Func<TItem, string> | Wandelt ein Element in seinen Anzeigetext um (Standard ToString()). |
Label | string | Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo). |
SelectedItem | TItem | Gewählter Knoten. Verwenden Sie es mit @bind-SelectedItem. |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
CheckedItemsChanged | EventCallback<IEnumerable<TItem>> | Wird ausgelöst, wenn sich die angehakten Knoten ändern. |
OnDrop | EventCallback<TreeDropEventArgs<TItem>> | Wird ausgelöst, wenn eine mit IRayCraftDrag.Begin gestartete Nutzlast auf einem Knoten abgelegt wird (TreeView). |
OnLoadError | EventCallback<Exception> | Wird mit der Ausnahme ausgelöst, wenn ChildrenLoader fehlschlägt; der Knoten klappt zu. |
SelectedItemChanged | EventCallback<TItem> | Wird ausgelöst, wenn ein anderer Knoten gewählt wird. |
Paket
TreeView gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3