Когато изборите ви са йерархия, подходящ е падащ списък, който отваря дърво. DropDownTree позволява на потребителите да изберат един възел и запазва поведението на дървото с клавиатура.
Защо помага
- Избор от йерархия
- Компактен като падащ списък
- Поддръжка на клавиатура като при дървото
Къде пасва
- Избор на категория
- Организационни единици
- Папки
Пример
<DropDownTree TItem="Folder" Items="SampleData.Folders" ChildrenSelector="@(f => f.Children)" ItemText="@(f => f.Name)" @bind-Value="_folder"
Label="Folder" Placeholder="Choose a folder" ExpandAll="true" />
<p>Chosen: @(_folder?.Name ?? "none")</p>
@code {
private Folder? _folder;
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.