Un árbol cuyos nodos son filas de una tabla. Expandir y contraer, ordenar, filtrar y elegir columnas; el teclado sigue el patrón WAI-ARIA treegrid.
Ejemplo
Parámetros
API
Parámetro
Tipo
Descripción
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.
Columns
RenderFragment
Definiciones de columnas: elementos DataGridColumn.
Dense
bool
Usa un relleno de celda más ajustado.
ExpandAll
bool
Expande todos los nodos cuando el árbol aparece por primera vez.
ExportFileName
string
Nombre de archivo de la exportación CSV, sin la extensión.
Height
string
Altura máxima del cuerpo de la cuadrícula, por ejemplo 24rem (28rem de forma predeterminada con VirtualScroll).
Items
IEnumerable<TItem>
Las opciones entre las que elegir.
Label
string
Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
RowEditing
bool
Edita una fila completa a la vez con botones de editar, guardar y cancelar.
RowHeight
int
Altura de fila en píxeles cuando VirtualScroll está activado (44 de forma predeterminada).
SelectedItem
TItem
Nodo seleccionado. Úselo con @bind-SelectedItem.
ShowExport
bool
Agrega botones que guardan el gráfico como imagen PNG o SVG.
ShowFilters
bool
Muestra un cuadro de filtro bajo el encabezado de cada columna filtrable.
ShowToolbar
bool
Muestra la barra de herramientas con el selector de columnas y la exportación CSV.
Style
string
Estilo en línea agregado al elemento raíz.
VirtualScroll
bool
Dibuja solo las filas visibles (las filas deben tener la RowHeight fija).
TreeListColumn
Parámetro
Tipo
Descripción
Align
TextAlign
Left (predeterminado), Center o Right.
Editable
bool
Permite que los usuarios editen las celdas de la columna haciendo clic en ellas.
Filterable
bool
Muestra un cuadro de filtro para esta columna (true de forma predeterminada).
Format
string
Cadena de formato para números y fechas, p. ej. N0 o d.
Hidden
bool
Oculta la columna al principio; los usuarios pueden mostrarla desde la barra de herramientas.
Sortable
bool
Permite ordenar por esta columna (true de forma predeterminada).
Template
RenderFragment<TItem>
Title
string
Texto del título (encabezado del panel lateral, rótulo de pestaña, encabezado de columna, rótulo de paso).
Value
Func<TItem, Object>
Valor actual. Úselo con @bind-Value.
Width
string
Skeleton: cualquier longitud CSS. Charts: ancho del dibujo en unidades SVG (el gráfico sigue adaptándose a su contenedor).
Eventos
API
Evento
Tipo
Descripción
OnRowEdited
EventCallback<TItem>
Se genera después de guardar una fila, con el elemento.
SelectedItemChanged
EventCallback<TItem>
Se genera cuando se selecciona otro nodo.
TreeListColumn
Evento
Tipo
Descripción
Edited
EventCallback<TreeListEdit<TItem>>
Se genera con el elemento y el nuevo texto cuando se confirma una edición.
Paquete
TreeList forma parte de RayCraft Complete. Paquete: RayCraft.Blazor.Complete. Se obtiene del feed privado de RayCraft y requiere una licencia activa. Consulte Primeros pasos.
