RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

Stepper

Free

Leder användaren genom en följd av steg med knapparna Back och Next.

Exempel

Kontrollen Stepper

Parametrar

Stepper

ParameterTypBeskrivning
ActiveIndexintIndex för den valda fliken. Använd med @bind-ActiveIndex.
AllowJumpBackboolGör avslutade steg i rubriken till knappar som öppnar dem igen.
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
ShowButtonsboolVisar knapparna Back och Next.
StylestringInbäddad stil som läggs till på rotelementet.

StepperStep

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
TitlestringRubriktext (lådans rubrik, flikens bildtext, kolumnrubrik, stegets bildtext).
ValidateFunc<Task<bool>>Steg i Stepper: körs innan man går vidare, returnera false för att stanna på steget. Kolumn i DataGrid: får objektet och det tolkade värdet och returnerar en feltext eller null.

Händelser

Stepper

HändelseTypBeskrivning
ActiveIndexChangedEventCallback<int>Utlöses när en annan flik väljs.
OnCancelEventCallbackVisar en knapp Cancel och utlöser detta när den trycks.
OnFinishEventCallbackUtlöses när Next trycks på det sista steget.

Paket

Stepper ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.