TreeView

Free

Lista jerárquica según el patrón ARIA tree. Las flechas mueven y expanden, Inicio y Fin saltan, Intro o Espacio selecciona. Los hijos provienen de ChildrenSelector, por lo que funciona cualquier tipo recursivo, o de un ChildrenLoader asíncrono que se ejecuta cuando se abre un nodo por primera vez.

Ejemplo

Parámetros

Parámetro	Tipo	Descripción
`CanDrop`	`Func<TItem, Object, bool>`	Indica si la carga arrastrada se puede soltar sobre un nodo (TreeView, sí de forma predeterminada).
`Checkable`	`bool`	Muestra una casilla de verificación en cada nodo; los nodos primarios muestran un estado mixto.
`CheckedItems`	`IEnumerable<TItem>`	Nodos marcados. Úselo con @bind-CheckedItems.
`ChildrenLoader`	`Func<TItem, Task<IEnumerable<TItem>>>`	Carga los hijos de un nodo cuando se abre por primera vez (devuelve una tarea). Mientras se ejecuta, el nodo muestra un indicador y aria-busy; un fallo contrae el nodo y genera OnLoadError.
`ChildrenSelector`	`Func<TItem, IEnumerable<TItem>>`	Devuelve los hijos de un elemento. Los elementos sin hijos son hojas.
`Class`	`string`	Clases CSS adicionales que se agregan al elemento raíz.
`ContextMenuItems`	`Func<TItem, IReadOnlyList<MenuCommand>>`	Devuelve los comandos del menú contextual de un nodo; se abre con clic derecho, la tecla Menú y Mayús+F10 (TreeView).
`ExpandAll`	`bool`	Expande todos los nodos cuando el árbol aparece por primera vez.
`HasChildren`	`Func<TItem, bool>`	Indica antes de cargar si un nodo tiene hijos (para que muestre la flecha de expansión). Sin ello, todos los nodos se pueden abrir cuando se define ChildrenLoader.
`ItemBadge`	`Func<TItem, string>`	Texto breve al final de un nodo, por ejemplo un número de elementos sin leer; vacío no muestra nada (TreeView).
`ItemBold`	`Func<TItem, bool>`	Indica si el nombre de un nodo va en negrita, por ejemplo cuando tiene elementos sin leer (TreeView).
`Items`	`IEnumerable<TItem>`	Las opciones entre las que elegir.
`ItemTemplate`	`RenderFragment<TItem>`	Contenido personalizado para cada nodo. El elemento está disponible como contexto.
`ItemText`	`Func<TItem, string>`	Convierte un elemento en su texto para mostrar (ToString() de forma predeterminada).
`Label`	`string`	Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
`SelectedItem`	`TItem`	Nodo seleccionado. Úselo con @bind-SelectedItem.
`Style`	`string`	Estilo en línea agregado al elemento raíz.

Eventos

Evento	Tipo	Descripción
`CheckedItemsChanged`	`EventCallback<IEnumerable<TItem>>`	Se genera cuando cambian los nodos marcados.
`OnDrop`	`EventCallback<TreeDropEventArgs<TItem>>`	Se genera cuando una carga iniciada con IRayCraftDrag.Begin se suelta sobre un nodo (TreeView).
`OnLoadError`	`EventCallback<Exception>`	Se genera con la excepción cuando ChildrenLoader falla; el nodo se contrae.
`SelectedItemChanged`	`EventCallback<TItem>`	Se genera cuando se selecciona otro nodo.

Paquete

TreeView forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.

Enviar comentariosVersión 1.0.3