Cuando tus opciones forman una jerarquía, encaja una lista desplegable que abre un árbol. DropDownTree deja que los usuarios elijan un nodo y conserva el comportamiento de teclado del árbol.
Por qué ayuda
- Elegir de una jerarquía
- Compacto como una lista desplegable
- Compatibilidad de teclado del árbol
Dónde encaja
- Selectores de categoría
- Unidades de organización
- Carpetas
Ejemplo
<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;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.