RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

TreeView

Free

Hierarchische 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

Steuerelement TreeView

Parameter

ParameterTypBeschreibung
CanDropFunc<TItem, Object, bool>Gibt an, ob die gezogene Nutzlast auf einem Knoten abgelegt werden darf (TreeView, Standard ja).
CheckableboolZeigt an jedem Knoten ein Kontrollkästchen; übergeordnete Knoten zeigen einen gemischten Zustand.
CheckedItemsIEnumerable<TItem>Angehakte Knoten. Verwenden Sie es mit @bind-CheckedItems.
ChildrenLoaderFunc<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.
ChildrenSelectorFunc<TItem, IEnumerable<TItem>>Gibt die untergeordneten Elemente eines Elements zurück. Elemente ohne untergeordnete Elemente sind Blätter.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ContextMenuItemsFunc<TItem, IReadOnlyList<MenuCommand>>Gibt die Kontextmenübefehle eines Knotens zurück; öffnet sich mit Rechtsklick, der Menütaste und Umschalt+F10 (TreeView).
ExpandAllboolKlappt jeden Knoten auf, wenn der Baum zum ersten Mal erscheint.
HasChildrenFunc<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.
ItemBadgeFunc<TItem, string>Kurzer Text am Ende eines Knotens, zum Beispiel eine Anzahl ungelesener Elemente; leer zeigt nichts (TreeView).
ItemBoldFunc<TItem, bool>Gibt an, ob der Name eines Knotens fett ist, zum Beispiel wenn er ungelesene Elemente hat (TreeView).
ItemsIEnumerable<TItem>Die Optionen zur Auswahl.
ItemTemplateRenderFragment<TItem>Eigener Inhalt für jeden Knoten. Das Element steht als Kontext zur Verfügung.
ItemTextFunc<TItem, string>Wandelt ein Element in seinen Anzeigetext um (Standard ToString()).
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
SelectedItemTItemGewählter Knoten. Verwenden Sie es mit @bind-SelectedItem.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

Ereignisse

EreignisTypBeschreibung
CheckedItemsChangedEventCallback<IEnumerable<TItem>>Wird ausgelöst, wenn sich die angehakten Knoten ändern.
OnDropEventCallback<TreeDropEventArgs<TItem>>Wird ausgelöst, wenn eine mit IRayCraftDrag.Begin gestartete Nutzlast auf einem Knoten abgelegt wird (TreeView).
OnLoadErrorEventCallback<Exception>Wird mit der Ausnahme ausgelöst, wenn ChildrenLoader fehlschlägt; der Knoten klappt zu.
SelectedItemChangedEventCallback<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.