RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

VirtualList

Free

Una lista con desplazamiento que solo dibuja las filas visibles, para cientos de miles de elementos. Las filas tienen una altura fija (una plantilla de fila puede tener varias líneas); el teclado llega a todas las filas. Las filas pueden llegar del servidor por ventanas, se pueden seleccionar varias filas y arrastrarlas a un TreeView.

Ejemplo

Control VirtualList

Parámetros

ParámetroTipoDescripción
ClassstringClases CSS adicionales que se agregan al elemento raíz.
DraggableboolPermite arrastrar filas; la carga va a IRayCraftDrag (VirtualList).
DragPayloadFunc<IReadOnlyList<TItem>, Object>Construye la carga de arrastre a partir de las filas arrastradas (de forma predeterminada: la lista de filas).
HeightstringAltura de la lista, por ejemplo 24rem (16rem de forma predeterminada); la lista se desplaza dentro.
ItemBoldFunc<TItem, bool>Indica si el texto de un elemento va en negrita, por ejemplo cuando no se ha leído.
ItemClassFunc<TItem, string>Agrega clases CSS a una fila (VirtualList).
ItemHeightintAltura de una fila en píxeles (36 de forma predeterminada). Todas las filas tienen la misma altura.
ItemKeyFunc<TItem, Object>Devuelve una clave estable por elemento, para que la selección y los detalles abiertos sobrevivan a las recargas.
ItemsIEnumerable<TItem>Los elementos que se muestran.
ItemsProviderFunc<VirtualListRequest, Task<VirtualListResult<TItem>>>Carga filas desde un servidor: recibe la fila inicial, el número y un token de cancelación y devuelve las filas con el recuento total (VirtualList; Autocomplete tiene su propio proveedor).
ItemTemplateRenderFragment<TItem>Contenido personalizado para cada elemento. El elemento está disponible como contexto.
ItemTextFunc<TItem, string>Convierte un elemento en su texto para mostrar (ToString() de forma predeterminada).
LabelstringTexto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
MultipleboolPermite seleccionar varias filas: clic, Ctrl+clic, Mayús+clic, Mayús+flechas, Ctrl+A (VirtualList).
SelectableboolPermite seleccionar filas (true de forma predeterminada).
SelectedItemTItemElemento seleccionado. Úselo con @bind-SelectedItem.
SelectedItemsIReadOnlyList<TItem>Filas seleccionadas. Úselo con @bind-SelectedItems.
ShowDragHandleboolMuestra un asa al comienzo de una fila y arrastra solo por el asa (VirtualList).
StylestringEstilo en línea agregado al elemento raíz.

Eventos

EventoTipoDescripción
OnLoadErrorEventCallback<Exception>Se genera con la excepción cuando ItemsProvider no puede cargar filas.
SelectedItemChangedEventCallback<TItem>Se genera cuando se selecciona otro elemento.
SelectedItemsChangedEventCallback<IReadOnlyList<TItem>>Se genera cuando cambia la selección.

Paquete

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