Stepper
FreeGuide l'utilisateur à travers une suite d'étapes avec les boutons Back et Next.
Exemple
Paramètres
Stepper
| Paramètre | Type | Description |
|---|---|---|
ActiveIndex | int | Index de l'onglet sélectionné. À utiliser avec @bind-ActiveIndex. |
AllowJumpBack | bool | Transforme les étapes terminées de l'en-tête en boutons qui les rouvrent. |
ChildContent | RenderFragment | Contenu affiché à l'intérieur du composant. |
Class | string | Classes CSS supplémentaires ajoutées à l'élément racine. |
ShowButtons | bool | Affiche les boutons Back et Next. |
Style | string | Style en ligne ajouté à l'élément racine. |
StepperStep
| Paramètre | Type | Description |
|---|---|---|
ChildContent | RenderFragment | Contenu affiché à l'intérieur du composant. |
Title | string | Texte du titre (en-tête de tiroir, légende d'onglet, en-tête de colonne, légende d'étape). |
Validate | Func<Task<bool>> | Étape de Stepper : s'exécute avant de passer à la suivante, renvoyez false pour rester sur l'étape. Colonne de DataGrid : reçoit l'élément et la valeur analysée et renvoie un texte d'erreur ou null. |
Événements
Stepper
| Événement | Type | Description |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Déclenché quand un autre onglet est sélectionné. |
OnCancel | EventCallback | Affiche un bouton Cancel et déclenche ceci quand il est actionné. |
OnFinish | EventCallback | Déclenché quand Next est actionné à la dernière étape. |
Paquet
Stepper fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.
Envoyer un retourVersion 1.0.3