29-7 Événements (onclick)
Petite amélioration au processus: lorsqu'un utilisateur est sur le formulaire de création, il serait utile de pouvoir annuler et revenir en arrière, soit à la liste d'événement.
On ajoutera donc un bouton pour revenir en arrière. On pourrait utiliser un NavLink, mais il s'agit d'une bonne prémisse pour présenter les boutons et intercepter les actions sur ces derniers.
En effet, en JavaScript, on peut utiliser onclick sur un bouton afin d'intercepter l'action et d'exécuter du JavaScript. On peut faire de même en Blazor, permettant ainsi d'exécuter du code C#.
Il suffit de définir @onclick sur un bouton et de passer en argument la fonction du bloc @code à exécuter.
Par exemple:
<!-- ... -->
<button type="submit" class="btn btn-primary">Sauvegarder</button>
<button class="btn btn-secondary" @onclick="Retour">Annuler</button>
</EditForm>
</div>
<!-- ... -->
Ce bouton fait référence à une fonction Retour, tel que:
<!-- ... -->
@code {
// ...
void Retour()
{
NavigationManager.NavigateTo("/evenements");
}
}
Vous pouvez essayer dans le navigateur: appuyer sur le bouton Annuler au bas du formulaire redirigera vers l'index des événements.
