Gå til innholdet

v1.0.3

nb

På denne siden

Oversikt
Eksempel
Parametere
Hendelser
Pakke
Relaterte kontroller

DataGrid

Complete

Tabell med sortering (klikk på en overskrift: stigende, synkende, av), filtre per kolonne, sideinndeling, radmarkering og maler.

Eksempel

Kontrollen DataGrid

Parametere

DataGrid

Parameter	Type	Beskrivelse
`Adaptive`	`bool`	Viser hver rad som et kort på smale skjermer.
`AllowAdd`	`bool`	Viser en knapp Add som oppretter et nytt element (se NewItemFactory).
`AllowCardView`	`bool`	Legger til en knapp på verktøylinjen som bytter mellom tabellen og kortvisningen.
`AllowDelete`	`bool`	Viser kommandoen Delete i kommandokolonnen (ber om bekreftelse).
`AllowEdit`	`bool`	Viser kommandoen Edit i kommandokolonnen.
`AllowPaste`	`bool`	Batchmodus: legger til en knapp Paste som fyller redigerbare celler fra tabulatorseparert tekst fra utklippstavlen.
`AllowView`	`bool`	Legger til en kommando View som viser raden skrivebeskyttet i en dialogboks.
`CardView`	`bool`	Viser hver rad som et kort i stedet for en tabellrad. Bruk med @bind-CardView.
`CellNavigation`	`bool`	Gjør rutenettet til et tastaturrutenett: piltaster, Home, End, Page Up og Page Down flytter mellom celler; Enter, F2 eller Mellomrom aktiverer kontrollen i cellen.
`Class`	`string`	Ekstra CSS-klasser som legges til rotelementet.
`ColumnMenu`	`bool`	Legger til en menyknapp på hver overskrift med kommandoer for sortering og skjul kolonne.
`Columns`	`RenderFragment`	Kolonnedefinisjoner: DataGridColumn-elementer.
`DataProvider`	`Func<DataGridRequest, ValueTask<DataGridResult<TItem>>>`	Laster rader fra din side: mottar start, antall, sortering, filtre, søk, grupper og aggregater samt et avbruddstoken (avbrutt når en nyere forespørsel starter eller rutenettet fjernes), og returnerer et DataGridResult.
`Dense`	`bool`	Bruker strammere celleutfylling.
`DetailTemplate`	`RenderFragment<TItem>`	Innhold som vises under en rad når utvidelsesknappen trykkes.
`EditMode`	`DataGridEditMode`	None, Row (innebygd), Dialog eller Batch (alle rader på én gang).
`EmptyContent`	`RenderFragment`	Vises når det ikke finnes noen rader.
`ExportChoices`	`bool`	Gjør Export til en meny: CSV eller JSON, gjeldende visning, valgte rader, alle rader, skjulte kolonner.
`ExportFileName`	`string`	Filnavn for CSV-eksporten, uten filendelse.
`FilterOperators`	`bool`	Legger til en operatorliste (inneholder, begynner med, er lik, større enn, er tom...) over hvert filterfelt.
`FormatRules`	`IEnumerable<DataGridFormatRule>`	Regler som farger celler eller rader: felt, filteroperator, verdi, alvorlighetsgrad og Cell eller Row. Den første samsvarende regelen vinner.
`FreezeFirstColumn`	`bool`	Holder den første kolonnen synlig under sideveis rulling.
`FrozenColumns`	`int`	Antall ledende kolonner som blir synlige mens resten ruller sideveis.
`FrozenEndColumns`	`int`	Antall kolonner i høyre kant som blir synlige mens tabellen ruller sideveis.
`FrozenRows`	`int`	Antall rader som blir under overskriften mens brødteksten ruller (krever Height).
`GroupBy`	`Func<TItem, Object>`	Grupperer rader etter den returnerte verdien; hver gruppe har en sammenleggbar overskrift.
`GroupPanel`	`bool`	Legger til en stripe over tabellen der brukere grupperer rader ved å dra overskrifter eller velge kolonner.
`GroupSummary`	`bool`	Viser kolonneaggregatene i grupperadene (beregnet lokalt eller hentet fra DataGridResult.Groups med en DataProvider).
`GroupTitle`	`string`	Tekst før gruppeverdien i overskriften.
`Height`	`string`	Maksimal høyde på rutenettets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll).
`ItemKey`	`Func<TItem, Object>`	Returnerer en stabil nøkkel per element, slik at markering og åpne detaljer overlever innlasting på nytt.
`Items`	`IEnumerable<TItem>`	Alternativene å velge mellom.
`KeyboardShortcuts`	`bool`	Ctrl+A merk alle, Ctrl+C kopier valgte rader, Esc tøm markering, Alt+piltaster bytt side.
`Label`	`string`	Synlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips).
`Loading`	`bool`	Viser en fremdriftslinje over radene.
`LoadingSkeleton`	`bool`	Viser plassholderrader under den første lastingen.
`LoadMore`	`bool`	Erstatter sidevelgeren med en knapp Load more som legger til neste side.
`MultiSort`	`bool`	Shift+klikk på overskrifter sorterer etter flere kolonner; overskriftene viser rekkefølgen.
`NewItemFactory`	`Func<TItem>`	Oppretter elementet for en ny rad; som standard konstruktøren uten parametere.
`NoMatchContent`	`RenderFragment`	Innhold som vises når filtre eller søk ikke etterlater noen rader (som standard: en tekst med Clear filters).
`PageSize`	`int`	Rader per side.
`PageSizeOptions`	`IEnumerable<int>`	Radantall som tilbys i en nedtrekksliste under tabellen.
`Paging`	`bool`	Viser sideinndelingslinjen (standard true).
`PastePreview`	`bool`	Batchmodus: viser hva en innliming vil endre og spør før den brukes (standard på).
`PersistKey`	`string`	Husker posisjon og størrelse (Window), delingen (Splitter) eller oppsettet til et DataGrid (sortering, filtre, kolonner, bredder, side) i det lokale lageret under dette navnet og gjenoppretter dem neste gang.
`Reorderable`	`bool`	Lar brukere flytte kolonner ved å dra overskrifter eller med menyen Columns.
`Resizable`	`bool`	Legger til et dragehåndtak (og piltaster) for å endre bredden på hver kolonne.
`RowClass`	`Func<TItem, string>`	Returnerer en ekstra CSS-klasse for en rad.
`RowHeight`	`int`	Radhøyde i piksler når VirtualScroll er på (standard 44).
`RowMenu`	`Func<TItem, IEnumerable<MenuCommand>>`	Returnerer kommandoene i en rads hurtigmeny.
`RowReorder`	`bool`	Lar rader dras oppå hverandre; håndter RowMoved for å endre listen.
`RowSeverity`	`Func<TItem, Severity?>`	Returnerer en alvorlighetsgrad for å farge en rad, eller null.
`RowValidator`	`Func<TItem, IEnumerable<string>>`	Kontrollerer hele raden etter at redigeringen er brukt; returnerer feiltekster.
`SelectedItems`	`IEnumerable<TItem>`	Valgte rader. Bruk med @bind-SelectedItems.
`Selection`	`SelectionMode`	None (standard), Single eller Multiple.
`SelectionActions`	`RenderFragment<IReadOnlyList<TItem>>`	Knapper i markeringslinjen; mottar de valgte elementene.
`ServerBulkLimit`	`int`	Med DataProvider: det største antall rader rutenettet ber om i én forespørsel for å merke alle filtrerte rader eller eksportere dem (standard 10000). Over det brukes bare radene på siden.
`ShowCopy`	`bool`	Viser kopiknappen.
`ShowFilters`	`bool`	Viser et filterfelt under hver filtrerbare kolonneoverskrift.
`ShowPrint`	`bool`	Legger til en knapp Print som skriver ut tabellen.
`ShowSearch`	`bool`	Legger til et søkefelt som finner tekst i alle kolonner og markerer den i cellene.
`ShowSelectionBar`	`bool`	Viser linjen med antall valgte, merk alle rader og tøm markering (markering Multiple).
`ShowToolbar`	`bool`	Viser verktøylinjen med kolonnevelgeren og CSV-eksporten.
`Striped`	`bool`	Skraverer hver andre rad.
`Style`	`string`	Innebygd stil som legges til rotelementet.
`ToolbarContent`	`RenderFragment`	Ekstra innhold i verktøylinjen til et rutenett med ShowToolbar, for eksempel DataGridSpreadsheetButton.
`TypedFilters`	`bool`	Bruker filterfelt for tall, dato og ja/nei etter typen på kolonnens verdier (standard på).
`UndoRedo`	`bool`	Legger til Angre og Gjør om for lagrede radendringer, tillagte og slettede rader (knapper og Ctrl+Z / Ctrl+Y).
`ValueFilters`	`bool`	Legger til et verdilistefilter (søk, merk alle, tøm) på hver filtrerbare overskrift; fungerer på elementer i minnet.
`VirtualScroll`	`bool`	Tegner bare de synlige radene (radene må ha den faste RowHeight).

DataGridColumn

Parameter	Type	Beskrivelse
`Aggregate`	`DataGridAggregate`	Legger til en verdi i sammendragsraden: Sum, Average, Min, Max eller Count.
`Align`	`TextAlign`	Left (standard), Center eller Right.
`BadgeSeverities`	`IReadOnlyDictionary<string, Severity>`	Farge for en Badge-kolonne per verdi.
`CellSeverity`	`Func<TItem, Severity?>`	Returnerer en alvorlighetsgrad for å farge en celle, eller null.
`ColumnSpan`	`Func<TItem, int>`	Returnerer hvor mange kolonner cellen til et element dekker.
`DataBar`	`bool`	Tegner en søyle bak tallene i forhold til kolonnens største verdi.
`Editable`	`bool`	Lar brukere redigere cellene i kolonnen ved å klikke på dem.
`EditOn`	`DataGridEditOn`	Always, Create (bare nye rader) eller Update (bare eksisterende rader).
`EditorOptions`	`IEnumerable<KeyValuePair<string, string>>`	Verdi-etikett-par; redigereren blir en liste.
`Field`	`string`	Elementets egenskapsnavn (nestede navn som Address.City fungerer). Den leser cellen, sorterer og filtrerer når Value ikke er angitt, og sendes til DataProvider som kolonneidentifikator (standard Title).
`Filterable`	`bool`	Viser et filterfelt for denne kolonnen (standard true).
`Format`	`string`	Formatstreng for tall og datoer, f.eks. N0 eller d.
`Group`	`string`	Tekst i den stablede overskriften over denne kolonnen; naboer med samme tekst deler én celle.
`HelpText`	`string`	Et hint som vises under feltet i redigeringsdialogen.
`Hidden`	`bool`	Skjuler kolonnen først; brukere kan vise den fra verktøylinjen.
`ImageAlt`	`Func<TItem, string>`	Alternativ tekst for en Image-kolonne per rad.
`ImageHeight`	`int`	Bildets høyde i piksler (standard 32).
`LinkHref`	`Func<TItem, string>`	Adresse for en Link-kolonne per rad (som standard: verdien).
`LinkTarget`	`string`	Lenkens mål, for eksempel _blank.
`Max`	`Double?`	Største tillatte verdi (ProgressBar: verdien som betyr 100 %; Rating: antall stjerner).
`MaxLength`	`int?`	Største tillatte antall tegn.
`MaxWidth`	`string`	Container: fast maksimal bredde fra et bruddpunkt (Xs til Xxl). DataGridColumn: største bredde som CSS-lengde; størrelseshåndtaket stopper ved den.
`MergeRows`	`bool`	Slår sammen loddrett tilstøtende celler med samme tekst.
`Min`	`Double?`	Minste tillatte verdi.
`MinLength`	`int?`	Minste antall tegn som godtas ved lagring av en redigering.
`Pattern`	`string`	Regulært uttrykk som den redigerte teksten må samsvare med.
`PatternMessage`	`string`	Feiltekst som vises når Pattern ikke passer.
`ProgressMax`	`Double`	Verdi som fyller en Progress-kolonne (standard 100).
`Required`	`bool`	Redigereren avviser en tom verdi.
`Sortable`	`bool`	Tillater sortering etter denne kolonnen (standard true).
`Template`	`RenderFragment<TItem>`	Eget celleinnhold. Raden er tilgjengelig som kontekst.
`Title`	`string`	Tittel (skuffens overskrift, fanens bildetekst, kolonneoverskrift, trinnets bildetekst).
`Type`	`DataGridColumnType`	Hvordan cellen tegnes: Text, Check, Image, Progress, Link, Badge eller Dropdown.
`Validate`	`Func<TItem, Object, string>`	Trinn i Stepper: kjører før man går videre, returner false for å bli på trinnet. Kolonne i DataGrid: mottar elementet og den tolkede verdien og returnerer en feiltekst eller null.
`Value`	`Func<TItem, Object>`	Returnerer cellens verdi. Brukes til visning, sortering og filtrering.
`Width`	`string`	Skeleton: en hvilken som helst CSS-lengde. Charts: tegnebredde i SVG-enheter (diagrammet tilpasses fortsatt beholderen).

Hendelser

DataGrid

Hendelse	Type	Beskrivelse
`CardViewChanged`	`EventCallback<bool>`	Utløses når brukeren bytter mellom tabellen og kortene.
`OnLoadError`	`EventCallback<Exception>`	Utløses med unntaket når DataProvider mislykkes; rutenettet viser da ingen rader. Uten en behandler går feilen til feilgrensen.
`OnRowDeleting`	`EventCallback<DataGridRowChange<TItem>>`	Kjører etter bekreftelsen; angi Error på argumentet for å avbryte slettingen.
`OnRowSaving`	`EventCallback<DataGridRowChange<TItem>>`	Kjører før en rad beholdes; angi Error på argumentet for å avbryte og vise teksten.
`PageSizeChanged`	`EventCallback<int>`	Utløses når en annen sidestørrelse velges.
`RowAdded`	`EventCallback<TItem>`	Utløses med det nye elementet etter at det er lagret; legg det til i listen.
`RowDeleted`	`EventCallback<TItem>`	Utløses med elementet etter at slettingen er bekreftet; fjern det fra listen.
`RowMoved`	`EventCallback<DataGridRowMove<TItem>>`	Utløses når en rad slippes på en annen rad: elementet, sideindeksene (FromIndex, ToIndex), indeksene i hele den sorterte og filtrerte listen (AbsoluteFromIndex, AbsoluteToIndex; PageOffset er forskjellen) og elementet det ble sluppet på (TargetItem).
`RowSaved`	`EventCallback<TItem>`	Utløses med elementet etter at en gyldig redigering er brukt på det.
`RowsPasted`	`EventCallback<int>`	Utløses med antall rader fylt ut av Paste.
`SelectedItemsChanged`	`EventCallback<IEnumerable<TItem>>`	Utløses når markeringen endres.
`StateChanged`	`EventCallback<DataGridState>`	Rapporterer DataGridState etter hver endring av sortering, filtre, kolonner, bredder eller side.

DataGridColumn

Hendelse	Type	Beskrivelse
`Edited`	`EventCallback<DataGridEdit<TItem>>`	Utløses med elementet og den nye teksten når en redigering bekreftes.

Pakke

DataGrid er en del av RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og krever en aktiv lisens. Se Kom i gang.

DataGridPdfButtonEn knapp som eksporterer det tilkoblede DataGrid til en PDF-fil.

Send tilbakemeldingVersjon 1.0.3