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

Wizard

Free

Ett guidat flöde i steg. Varje steg kan validera innan användaren går vidare, ett steg kan vara valfritt, avslutade steg kan öppnas igen och resultatet kan visa en egen sida.

Exempel

Kontrollen Wizard

Parametrar

Wizard

ParameterTypBeskrivning
ActiveIndexintIndex för det öppna steget. Använd med @bind-ActiveIndex.
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
CompletedContentRenderFragmentInnehåll som visas i stället för guiden efter att den avslutats.
FinishTextstringText på knappen i det sista steget.
LinearboolRubriken öppnar bara steg som redan har nåtts.
ShowProgressboolVisar ett förloppsfält ovanför stegen.
StylestringInbäddad stil som läggs till på rotelementet.
VerticalboolPlacerar steglistan på sidan.

WizardStep

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
DescriptionstringKort text under rubriken.
DisabledboolSteget kan inte öppnas.
ErrorboolMarkerar steget som problematiskt.
IconIconName?Ikon i markören i stället för numret.
OptionalboolSteget kan hoppas över.
TitlestringStegets namn i rubriken.
ValidateFunc<Task<bool>>Returnerar false för att hålla kvar användaren på steget.

Händelser

Wizard

HändelseTypBeskrivning
ActiveIndexChangedEventCallback<int>Utlöses när en annan flik väljs.
OnCancelEventCallbackVisar en knapp Cancel och utlöser detta när den används.
OnFinishEventCallbackUtlöses när det sista steget är avslutat.
OnStepChangingEventCallback<WizardStepChange>Utlöses innan steget ändras; ange Cancel på argumentet för att stanna.

Paket

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