RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Stepper

Free

Führt den Benutzer mit den Schaltflächen Back und Next durch eine Folge von Schritten.

Beispiel

Steuerelement Stepper

Parameter

Stepper

ParameterTypBeschreibung
ActiveIndexintIndex der gewählten Registerkarte. Verwenden Sie es mit @bind-ActiveIndex.
AllowJumpBackboolMacht abgeschlossene Schritte in der Kopfzeile zu Schaltflächen, die sie erneut öffnen.
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ShowButtonsboolZeigt die Schaltflächen Back und Next.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

StepperStep

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
TitlestringTiteltext (Kopfzeile der Seitenleiste, Registerbeschriftung, Spaltenüberschrift, Schrittbeschriftung).
ValidateFunc<Task<bool>>Stepper-Schritt: läuft vor dem Weitergehen, geben Sie false zurück, um auf dem Schritt zu bleiben. DataGrid-Spalte: erhält das Element und den gelesenen Wert und gibt einen Fehlertext oder null zurück.

Ereignisse

Stepper

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 gedrückt wird.
OnFinishEventCallbackWird ausgelöst, wenn beim letzten Schritt Next gedrückt wird.

Paket

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