v1.0.3

nl

Op deze pagina

Overzicht
Voorbeeld
Parameters
Gebeurtenissen
Pakket
Verwante besturingselementen

DataGrid

Complete

Tabel met sortering (klik op een kop: oplopend, aflopend, uit), filters per kolom, paginering, rijselectie en sjablonen.

Voorbeeld

Besturingselement DataGrid

Parameters

DataGrid

Parameter	Type	Beschrijving
`Adaptive`	`bool`	Toont elke rij als kaart op smalle schermen.
`AllowAdd`	`bool`	Toont een knop Add die een nieuw item maakt (zie NewItemFactory).
`AllowCardView`	`bool`	Voegt aan de werkbalk een knop toe die wisselt tussen de tabel en de kaartweergave.
`AllowDelete`	`bool`	Toont de opdracht Delete in de opdrachtenkolom (vraagt om bevestiging).
`AllowEdit`	`bool`	Toont de opdracht Edit in de opdrachtenkolom.
`AllowPaste`	`bool`	Batchmodus: voegt een knop Paste toe die bewerkbare cellen vult met door tabs gescheiden tekst van het klembord.
`AllowView`	`bool`	Voegt een opdracht View toe die de rij alleen-lezen in een dialoogvenster toont.
`CardView`	`bool`	Toont elke rij als kaart in plaats van als tabelrij. Gebruik met @bind-CardView.
`CellNavigation`	`bool`	Maakt van het raster een toetsenbordraster: pijltoetsen, Home, End, Page Up en Page Down verplaatsen tussen cellen; Enter, F2 of Spatie activeren het besturingselement in de cel.
`Class`	`string`	Extra CSS-klassen die aan het hoofdelement worden toegevoegd.
`ColumnMenu`	`bool`	Voegt aan elke kop een menuknop toe met opdrachten voor sorteren en kolom verbergen.
`Columns`	`RenderFragment`	Kolomdefinities: DataGridColumn-elementen.
`DataProvider`	`Func<DataGridRequest, ValueTask<DataGridResult<TItem>>>`	Laadt rijen van uw kant: ontvangt de start, het aantal, de sortering, filters, zoekopdracht, groepen en aggregaten en een annuleringstoken (geannuleerd wanneer een nieuwere aanvraag begint of het raster wordt verwijderd) en geeft een DataGridResult terug.
`Dense`	`bool`	Gebruikt krappere celopvulling.
`DetailTemplate`	`RenderFragment<TItem>`	Inhoud die onder een rij wordt getoond als op de uitvouwknop wordt gedrukt.
`EditMode`	`DataGridEditMode`	None, Row (inline), Dialog of Batch (alle rijen tegelijk).
`EmptyContent`	`RenderFragment`	Getoond als er geen rijen zijn.
`ExportChoices`	`bool`	Maakt van Export een menu: CSV of JSON, huidige weergave, geselecteerde rijen, alle rijen, verborgen kolommen.
`ExportFileName`	`string`	Bestandsnaam van de CSV-export, zonder extensie.
`FilterOperators`	`bool`	Voegt boven elk filtervak een lijst met operatoren toe (bevat, begint met, is gelijk aan, groter dan, is leeg...).
`FormatRules`	`IEnumerable<DataGridFormatRule>`	Regels die cellen of rijen kleuren: veld, filteroperator, waarde, ernst en Cell of Row. De eerste overeenkomende regel wint.
`FreezeFirstColumn`	`bool`	Houdt de eerste kolom zichtbaar tijdens zijwaarts scrollen.
`FrozenColumns`	`int`	Aantal voorste kolommen dat in beeld blijft terwijl de rest zijwaarts scrolt.
`FrozenEndColumns`	`int`	Aantal kolommen aan de rechterrand dat in beeld blijft terwijl de tabel zijwaarts scrolt.
`FrozenRows`	`int`	Aantal rijen dat onder de kop blijft terwijl de body scrolt (vereist Height).
`GroupBy`	`Func<TItem, Object>`	Groepeert rijen op de teruggegeven waarde; elke groep heeft een inklapbare kop.
`GroupPanel`	`bool`	Voegt boven de tabel een strook toe waarin gebruikers rijen groeperen door koppen te slepen of kolommen te kiezen.
`GroupSummary`	`bool`	Toont de kolomaggregaten in de groepsrijen (lokaal berekend, of met een DataProvider overgenomen uit DataGridResult.Groups).
`GroupTitle`	`string`	Tekst vóór de groepswaarde in de kop.
`Height`	`string`	Maximale hoogte van de rasterbody, bijvoorbeeld 24rem (standaard 28rem met VirtualScroll).
`ItemKey`	`Func<TItem, Object>`	Geeft per item een stabiele sleutel terug, zodat selectie en geopende details herladen overleven.
`Items`	`IEnumerable<TItem>`	De opties waaruit kan worden gekozen.
`KeyboardShortcuts`	`bool`	Ctrl+A alles selecteren, Ctrl+C geselecteerde rijen kopiëren, Esc selectie wissen, Alt+pijlen pagina wisselen.
`Label`	`string`	Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
`Loading`	`bool`	Toont een voortgangsbalk boven de rijen.
`LoadingSkeleton`	`bool`	Toont plaatshouderrijen tijdens de eerste lading.
`LoadMore`	`bool`	Vervangt de paginering door een knop Load more die de volgende pagina toevoegt.
`MultiSort`	`bool`	Shift+klik op koppen sorteert op meerdere kolommen; de koppen tonen de volgorde.
`NewItemFactory`	`Func<TItem>`	Maakt het item voor een nieuwe rij; standaard de parameterloze constructor.
`NoMatchContent`	`RenderFragment`	Inhoud die wordt getoond als filters of zoeken geen rijen overlaten (standaard: een tekst met Clear filters).
`PageSize`	`int`	Rijen per pagina.
`PageSizeOptions`	`IEnumerable<int>`	Rijaantallen die in een keuzelijst onder de tabel worden aangeboden.
`Paging`	`bool`	Toont de pagineringsbalk (standaard true).
`PastePreview`	`bool`	Batchmodus: toont wat een plakactie zal wijzigen en vraagt bevestiging voordat die wordt toegepast (standaard aan).
`PersistKey`	`string`	Onthoudt de positie en grootte (Window), de splitsing (Splitter) of de indeling van een DataGrid (sortering, filters, kolommen, breedten, pagina) onder deze naam in de lokale opslag en herstelt ze de volgende keer.
`Reorderable`	`bool`	Laat gebruikers kolommen verplaatsen door koppen te slepen of met het menu Columns.
`Resizable`	`bool`	Voegt een sleephandvat (en pijltoetsen) toe om de breedte van elke kolom te wijzigen.
`RowClass`	`Func<TItem, string>`	Geeft een extra CSS-klasse voor een rij terug.
`RowHeight`	`int`	Rijhoogte in pixels als VirtualScroll aan staat (standaard 44).
`RowMenu`	`Func<TItem, IEnumerable<MenuCommand>>`	Geeft de opdrachten van het contextmenu van een rij terug.
`RowReorder`	`bool`	Laat rijen op elkaar slepen; behandel RowMoved om uw lijst te wijzigen.
`RowSeverity`	`Func<TItem, Severity?>`	Geeft een ernst terug om een rij te kleuren, of null.
`RowValidator`	`Func<TItem, IEnumerable<string>>`	Controleert de hele rij nadat de bewerking is toegepast; geeft fouttekst terug.
`SelectedItems`	`IEnumerable<TItem>`	Geselecteerde rijen. Gebruik met @bind-SelectedItems.
`Selection`	`SelectionMode`	None (standaard), Single of Multiple.
`SelectionActions`	`RenderFragment<IReadOnlyList<TItem>>`	Knoppen in de selectiebalk; ontvangt de geselecteerde items.
`ServerBulkLimit`	`int`	Met DataProvider: het grootste aantal rijen dat het raster in één aanvraag opvraagt om alle gefilterde rijen te selecteren of te exporteren (standaard 10000). Daarboven worden alleen de rijen van de pagina gebruikt.
`ShowCopy`	`bool`	Toont de kopieerknop.
`ShowFilters`	`bool`	Toont een filtervak onder elke filterbare kolomkop.
`ShowPrint`	`bool`	Voegt een knop Print toe die de tabel afdrukt.
`ShowSearch`	`bool`	Voegt een zoekvak toe dat tekst in alle kolommen vindt en in de cellen markeert.
`ShowSelectionBar`	`bool`	Toont de balk met het aantal geselecteerde rijen, alle rijen selecteren en selectie wissen (selectie Multiple).
`ShowToolbar`	`bool`	Toont de werkbalk met de kolomkiezer en CSV-export.
`Striped`	`bool`	Arceert elke tweede rij.
`Style`	`string`	Inline stijl die aan het hoofdelement wordt toegevoegd.
`ToolbarContent`	`RenderFragment`	Extra inhoud in de werkbalk van een raster met ShowToolbar, bijvoorbeeld DataGridSpreadsheetButton.
`TypedFilters`	`bool`	Gebruikt filtervakken voor getal, datum en ja/nee naar het type van de kolomwaarden (standaard aan).
`UndoRedo`	`bool`	Voegt Ongedaan maken en Opnieuw toe voor opgeslagen rijwijzigingen, toegevoegde en verwijderde rijen (knoppen en Ctrl+Z / Ctrl+Y).
`ValueFilters`	`bool`	Voegt aan elke filterbare kop een filter met waardelijst toe (zoeken, alles selecteren, wissen); werkt op items in het geheugen.
`VirtualScroll`	`bool`	Tekent alleen de zichtbare rijen (rijen moeten de vaste RowHeight hebben).

DataGridColumn

Parameter	Type	Beschrijving
`Aggregate`	`DataGridAggregate`	Voegt een waarde aan de samenvattingsrij toe: Sum, Average, Min, Max of Count.
`Align`	`TextAlign`	Left (standaard), Center of Right.
`BadgeSeverities`	`IReadOnlyDictionary<string, Severity>`	Kleur van een Badge-kolom per waarde.
`CellSeverity`	`Func<TItem, Severity?>`	Geeft een ernst terug om een cel te kleuren, of null.
`ColumnSpan`	`Func<TItem, int>`	Geeft terug hoeveel kolommen de cel van een item beslaat.
`DataBar`	`bool`	Tekent een balk achter getallen ten opzichte van de grootste waarde van de kolom.
`Editable`	`bool`	Laat gebruikers de cellen van de kolom bewerken door erop te klikken.
`EditOn`	`DataGridEditOn`	Always, Create (alleen nieuwe rijen) of Update (alleen bestaande rijen).
`EditorOptions`	`IEnumerable<KeyValuePair<string, string>>`	Waarde-labelparen; de editor wordt een lijst.
`Field`	`string`	Eigenschapsnaam van het item (geneste namen zoals Address.City werken). Het leest de cel, sorteert en filtert als Value niet is ingesteld en wordt als kolomidentificatie naar DataProvider gestuurd (standaard Title).
`Filterable`	`bool`	Toont een filtervak voor deze kolom (standaard true).
`Format`	`string`	Opmaaktekenreeks voor getallen en datums, bijv. N0 of d.
`Group`	`string`	Tekst van de gestapelde kop boven deze kolom; buren met dezelfde tekst delen één cel.
`HelpText`	`string`	Een hint onder het veld in het bewerkingsdialoogvenster.
`Hidden`	`bool`	Verbergt de kolom eerst; gebruikers kunnen hem via de werkbalk tonen.
`ImageAlt`	`Func<TItem, string>`	Alternatieve tekst van een Image-kolom per rij.
`ImageHeight`	`int`	Hoogte van de afbeelding in pixels (standaard 32).
`LinkHref`	`Func<TItem, string>`	Adres van een Link-kolom per rij (standaard: de waarde).
`LinkTarget`	`string`	Doel van de koppeling, bijvoorbeeld _blank.
`Max`	`Double?`	Grootste toegestane waarde (ProgressBar: de waarde die 100% betekent; Rating: aantal sterren).
`MaxLength`	`int?`	Grootste toegestane aantal tekens.
`MaxWidth`	`string`	Container: vaste maximale breedte vanaf een breekpunt (Xs tot Xxl). DataGridColumn: grootste breedte als CSS-lengte; het vergrotingshandvat stopt erbij.
`MergeRows`	`bool`	Voegt verticaal aangrenzende cellen met dezelfde tekst samen.
`Min`	`Double?`	Kleinste toegestane waarde.
`MinLength`	`int?`	Kleinste aantal tekens dat bij het opslaan van een bewerking wordt geaccepteerd.
`Pattern`	`string`	Reguliere expressie waaraan de bewerkte tekst moet voldoen.
`PatternMessage`	`string`	Fouttekst die wordt getoond als Pattern niet overeenkomt.
`ProgressMax`	`Double`	Waarde die een Progress-kolom vult (standaard 100).
`Required`	`bool`	De editor weigert een lege waarde.
`Sortable`	`bool`	Staat sorteren op deze kolom toe (standaard true).
`Template`	`RenderFragment<TItem>`	Eigen celinhoud. De rij is beschikbaar als context.
`Title`	`string`	Titeltekst (kop van de lade, tabbladbijschrift, kolomkop, stapbijschrift).
`Type`	`DataGridColumnType`	Hoe de cel wordt getekend: Text, Check, Image, Progress, Link, Badge of Dropdown.
`Validate`	`Func<TItem, Object, string>`	Stap van Stepper: draait voordat wordt doorgegaan, geef false terug om op de stap te blijven. Kolom van DataGrid: ontvangt het item en de ingelezen waarde en geeft een fouttekst of null terug.
`Value`	`Func<TItem, Object>`	Geeft de celwaarde terug. Gebruikt voor weergave, sortering en filtering.
`Width`	`string`	Skeleton: elke CSS-lengte. Charts: tekenbreedte in SVG-eenheden (de grafiek schaalt nog steeds mee met zijn container).

Gebeurtenissen

DataGrid

Gebeurtenis	Type	Beschrijving
`CardViewChanged`	`EventCallback<bool>`	Geactiveerd wanneer de gebruiker wisselt tussen de tabel en de kaarten.
`OnLoadError`	`EventCallback<Exception>`	Geactiveerd met de uitzondering wanneer DataProvider mislukt; het raster toont dan geen rijen. Zonder handler gaat de fout naar de foutgrens.
`OnRowDeleting`	`EventCallback<DataGridRowChange<TItem>>`	Draait na de bevestiging; stel Error op het argument in om het verwijderen te annuleren.
`OnRowSaving`	`EventCallback<DataGridRowChange<TItem>>`	Draait voordat een rij wordt behouden; stel Error op het argument in om te annuleren en de tekst te tonen.
`PageSizeChanged`	`EventCallback<int>`	Geactiveerd wanneer een andere paginagrootte wordt gekozen.
`RowAdded`	`EventCallback<TItem>`	Geactiveerd met het nieuwe item nadat het is opgeslagen; voeg het toe aan uw lijst.
`RowDeleted`	`EventCallback<TItem>`	Geactiveerd met het item nadat het verwijderen is bevestigd; verwijder het uit uw lijst.
`RowMoved`	`EventCallback<DataGridRowMove<TItem>>`	Geactiveerd wanneer een rij op een andere rij wordt neergezet: het item, de pagina-indexen (FromIndex, ToIndex), de indexen in de hele gesorteerde en gefilterde lijst (AbsoluteFromIndex, AbsoluteToIndex; PageOffset is het verschil) en het item waarop is neergezet (TargetItem).
`RowSaved`	`EventCallback<TItem>`	Geactiveerd met het item nadat een geldige bewerking erop is toegepast.
`RowsPasted`	`EventCallback<int>`	Geactiveerd met het aantal rijen dat door Paste is gevuld.
`SelectedItemsChanged`	`EventCallback<IEnumerable<TItem>>`	Geactiveerd wanneer de selectie verandert.
`StateChanged`	`EventCallback<DataGridState>`	Meldt de DataGridState na elke wijziging van sortering, filters, kolommen, breedten of pagina.

DataGridColumn

Gebeurtenis	Type	Beschrijving
`Edited`	`EventCallback<DataGridEdit<TItem>>`	Geactiveerd met het item en de nieuwe tekst wanneer een bewerking wordt bevestigd.

Pakket

DataGrid maakt deel uit van RayCraft Complete. Pakket: RayCraft.Blazor.Complete. Het komt uit de privéfeed van RayCraft en vereist een actieve licentie. Zie Aan de slag.

DataGridPdfButtonEen knop die het gekoppelde DataGrid naar een PDF-bestand exporteert.

Feedback sturenVersie 1.0.3