RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

VirtualList

Free

Een scrollende lijst die alleen de zichtbare rijen tekent, voor honderdduizenden items. Rijen hebben een vaste hoogte (een rijsjabloon kan meerdere regels hebben); het toetsenbord bereikt elke rij. Rijen kunnen in vensters van de server komen, meerdere rijen kunnen worden geselecteerd en naar een TreeView worden gesleept.

Voorbeeld

Besturingselement VirtualList

Parameters

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
DraggableboolLaat rijen slepen; de lading gaat naar IRayCraftDrag (VirtualList).
DragPayloadFunc<IReadOnlyList<TItem>, Object>Bouwt de sleeplading uit de gesleepte rijen (standaard: de lijst met rijen).
HeightstringHoogte van de lijst, bijvoorbeeld 24rem (standaard 16rem); de lijst scrolt erbinnen.
ItemBoldFunc<TItem, bool>Geeft aan of de tekst van een item vet is, bijvoorbeeld als het ongelezen is.
ItemClassFunc<TItem, string>Voegt CSS-klassen toe aan een rij (VirtualList).
ItemHeightintHoogte van één rij in pixels (standaard 36). Alle rijen hebben dezelfde hoogte.
ItemKeyFunc<TItem, Object>Geeft per item een stabiele sleutel terug, zodat selectie en geopende details herladen overleven.
ItemsIEnumerable<TItem>De te tonen items.
ItemsProviderFunc<VirtualListRequest, Task<VirtualListResult<TItem>>>Laadt rijen van een server: ontvangt de startrij, het aantal en een annuleringstoken en geeft de rijen met het totale aantal terug (VirtualList; Autocomplete heeft een eigen provider).
ItemTemplateRenderFragment<TItem>Eigen inhoud voor elk item. Het item is beschikbaar als context.
ItemTextFunc<TItem, string>Zet een item om in zijn weergavetekst (standaard ToString()).
LabelstringZichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
MultipleboolStaat het selecteren van meerdere rijen toe: klik, Ctrl+klik, Shift+klik, Shift+pijlen, Ctrl+A (VirtualList).
SelectableboolLaat rijen selecteren (standaard true).
SelectedItemTItemGeselecteerd item. Gebruik met @bind-SelectedItem.
SelectedItemsIReadOnlyList<TItem>Geselecteerde rijen. Gebruik met @bind-SelectedItems.
ShowDragHandleboolToont een greep aan het begin van een rij en sleept alleen aan de greep (VirtualList).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

Gebeurtenissen

GebeurtenisTypeBeschrijving
OnLoadErrorEventCallback<Exception>Geactiveerd met de uitzondering wanneer ItemsProvider rijen niet kan laden.
SelectedItemChangedEventCallback<TItem>Geactiveerd wanneer een ander item wordt geselecteerd.
SelectedItemsChangedEventCallback<IReadOnlyList<TItem>>Geactiveerd wanneer de selectie verandert.

Pakket

VirtualList maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.