RayCraftDocs
v1.0.3
bg
raycraft.dev
На тази страница

TreeView

Free

Йерархичен списък по модела ARIA tree. Стрелките местят и разгъват, Home и End прескачат, Enter или Space избира. Наследниците идват от ChildrenSelector, така че работи всеки рекурсивен тип, или от асинхронен ChildrenLoader, който се изпълнява при първото отваряне на възела.

Пример

Контрола TreeView

Параметри

ПараметърТипОписание
CanDropFunc<TItem, Object, bool>Казва дали влачения товар може да се пусне върху възел (TreeView, по подразбиране да).
CheckableboolПоказва отметка на всеки възел; родителите показват смесено състояние.
CheckedItemsIEnumerable<TItem>Отметнати възли. Ползвайте с @bind-CheckedItems.
ChildrenLoaderFunc<TItem, Task<IEnumerable<TItem>>>Зарежда наследниците на възел при първото му отваряне (връща задача). Докато работи, възелът показва индикатор и aria-busy; при неуспех възелът се свива и се вдига OnLoadError.
ChildrenSelectorFunc<TItem, IEnumerable<TItem>>Връща наследниците на елемент. Елементите без наследници са листа.
ClassstringДопълнителни CSS класове, добавени към коренния елемент.
ContextMenuItemsFunc<TItem, IReadOnlyList<MenuCommand>>Връща командите на контекстното меню на възел; отваря се с десен бутон, клавиша Menu и Shift+F10 (TreeView).
ExpandAllboolРазгъва всеки възел при първото появяване на дървото.
HasChildrenFunc<TItem, bool>Казва преди зареждането дали възелът има наследници (за да покаже стрелката за разгъване). Без него всеки възел може да се отвори, когато е зададен ChildrenLoader.
ItemBadgeFunc<TItem, string>Кратък текст в края на възел, например брой непрочетени; празен не показва нищо (TreeView).
ItemBoldFunc<TItem, bool>Казва дали името на възел е получер, например когато има непрочетени елементи (TreeView).
ItemsIEnumerable<TItem>Опциите за избор.
ItemTemplateRenderFragment<TItem>Собствено съдържание за всеки възел. Елементът е наличен като контекст.
ItemTextFunc<TItem, string>Превръща елемент в текст за показване (по подразбиране ToString()).
LabelstringВидим текст на етикета (графики: достъпно име; IconButton: достъпно име и подсказка).
SelectedItemTItemИзбран възел. Ползвайте с @bind-SelectedItem.
StylestringВграден стил, добавен към коренния елемент.

Събития

СъбитиеТипОписание
CheckedItemsChangedEventCallback<IEnumerable<TItem>>Вдига се, когато отметнатите възли се променят.
OnDropEventCallback<TreeDropEventArgs<TItem>>Вдига се, когато товар, започнат с IRayCraftDrag.Begin, се пусне върху възел (TreeView).
OnLoadErrorEventCallback<Exception>Вдига се с изключението, когато ChildrenLoader се провали; възелът се свива.
SelectedItemChangedEventCallback<TItem>Вдига се, когато се избере друг възел.

Пакет

TreeView е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.