VirtualList
FreeEen 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

Parameters
| Parameter | Type | Beschrijving |
|---|---|---|
Class | string | Extra CSS-klassen die aan het hoofdelement worden toegevoegd. |
Draggable | bool | Laat rijen slepen; de lading gaat naar IRayCraftDrag (VirtualList). |
DragPayload | Func<IReadOnlyList<TItem>, Object> | Bouwt de sleeplading uit de gesleepte rijen (standaard: de lijst met rijen). |
Height | string | Hoogte van de lijst, bijvoorbeeld 24rem (standaard 16rem); de lijst scrolt erbinnen. |
ItemBold | Func<TItem, bool> | Geeft aan of de tekst van een item vet is, bijvoorbeeld als het ongelezen is. |
ItemClass | Func<TItem, string> | Voegt CSS-klassen toe aan een rij (VirtualList). |
ItemHeight | int | Hoogte van één rij in pixels (standaard 36). Alle rijen hebben dezelfde hoogte. |
ItemKey | Func<TItem, Object> | Geeft per item een stabiele sleutel terug, zodat selectie en geopende details herladen overleven. |
Items | IEnumerable<TItem> | De te tonen items. |
ItemsProvider | Func<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). |
ItemTemplate | RenderFragment<TItem> | Eigen inhoud voor elk item. Het item is beschikbaar als context. |
ItemText | Func<TItem, string> | Zet een item om in zijn weergavetekst (standaard ToString()). |
Label | string | Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo). |
Multiple | bool | Staat het selecteren van meerdere rijen toe: klik, Ctrl+klik, Shift+klik, Shift+pijlen, Ctrl+A (VirtualList). |
Selectable | bool | Laat rijen selecteren (standaard true). |
SelectedItem | TItem | Geselecteerd item. Gebruik met @bind-SelectedItem. |
SelectedItems | IReadOnlyList<TItem> | Geselecteerde rijen. Gebruik met @bind-SelectedItems. |
ShowDragHandle | bool | Toont een greep aan het begin van een rij en sleept alleen aan de greep (VirtualList). |
Style | string | Inline stijl die aan het hoofdelement wordt toegevoegd. |
Gebeurtenissen
| Gebeurtenis | Type | Beschrijving |
|---|---|---|
OnLoadError | EventCallback<Exception> | Geactiveerd met de uitzondering wanneer ItemsProvider rijen niet kan laden. |
SelectedItemChanged | EventCallback<TItem> | Geactiveerd wanneer een ander item wordt geselecteerd. |
SelectedItemsChanged | EventCallback<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.
Feedback sturenVersie 1.0.3