Comment ajouter un message de confirmation lors d'une suppression dans un GridView ou un DetailsView ?
Souvent on souhaiterait pouvoir ajouter un message de confirmation lors de la suppression d'un élément dans un contrôle de type GridView ou DetailsView, de sortes que l'utilisateur puisse annuler la suppression s'il le souhaite.
Pour cela, suivez les étapes suivantes :
- Convertissez la colonne Supprimer du GridView ou du DetailsView en template.
- Ajoutez au contrôle LinkButton (généré dans le template) l'attribut OnClientClick comme suit :
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server"
CausesValidation="False"
CommandName="Delete"
OnClientClick="return confirm('Etes-vous sûr de vouloir supprimer cet élément ?');"
Text="Supprimer">
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
Lorsque l'utilisateur cliquera sur le bouton Supprimer, il verra le message suivant :
Quelques explications sur la méthode javascript confirm() :
- Si l'utilisateur clique OK, la méthode renvoie true et le formulaire est posté sur le serveur. L'ordre de suppression s'exécute alors.
- S'il clique Annuler, la méthode renvoie false. Le formulaire n'est pas posté donc la suppression n'a pas lieu.
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
