RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Wizard

Free

Ein geführter Ablauf in Schritten. Jeder Schritt kann vor dem Weitergehen prüfen, ein Schritt kann optional sein, abgeschlossene Schritte können erneut geöffnet werden, und das Ergebnis kann eine eigene Seite zeigen.

Beispiel

Steuerelement Wizard

Parameter

Wizard

ParameterTypBeschreibung
ActiveIndexintIndex des geöffneten Schritts. Verwenden Sie es mit @bind-ActiveIndex.
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
CompletedContentRenderFragmentInhalt, der nach dem Abschluss anstelle des Assistenten angezeigt wird.
FinishTextstringText der Schaltfläche beim letzten Schritt.
LinearboolDie Kopfzeile öffnet nur Schritte, die bereits erreicht wurden.
ShowProgressboolZeigt über den Schritten einen Fortschrittsbalken.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
VerticalboolSetzt die Schrittliste an die Seite.

WizardStep

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
DescriptionstringKurzer Text unter dem Titel.
DisabledboolDer Schritt kann nicht geöffnet werden.
ErrorboolMarkiert den Schritt als problematisch.
IconIconName?Symbol in der Markierung statt der Zahl.
OptionalboolDer Schritt kann übersprungen werden.
TitlestringName des Schritts in der Kopfzeile.
ValidateFunc<Task<bool>>Gibt false zurück, um den Benutzer auf dem Schritt zu halten.

Ereignisse

Wizard

EreignisTypBeschreibung
ActiveIndexChangedEventCallback<int>Wird ausgelöst, wenn eine andere Registerkarte gewählt wird.
OnCancelEventCallbackZeigt eine Schaltfläche Cancel und löst dieses Ereignis aus, wenn sie verwendet wird.
OnFinishEventCallbackWird ausgelöst, wenn der letzte Schritt abgeschlossen ist.
OnStepChangingEventCallback<WizardStepChange>Wird ausgelöst, bevor sich der Schritt ändert; setzen Sie Cancel am Argument, um zu bleiben.

Paket

Wizard gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.