Comment : répondre à des événements du contrôle serveur Web bouton dans un script client

  • Article

Mise à jour : novembre 2007

Les contrôles de bouton peuvent déclencher à la fois des événements serveur et des événements client. Les événements serveur se produisent après les publications et sont gérés dans le code côté serveur que vous écrivez pour la page. Les événements client sont gérés dans le script client, généralement en langage JavaScript (ECMAScript) et sont déclenchés avant que la page ne soit envoyée. En ajoutant des événements côté client aux contrôles de bouton ASP.NET, vous pouvez exécuter des tâches telles que l'affichage de boîtes de dialogue de confirmation avant d'envoyer la page et éventuellement l'annulation de l'envoi.

Pour ajouter le script client qui gère l'événement OnClientClick à un contrôle serveur Web de type bouton

  • Dans le contrôle serveur Web de type bouton ASP.NET auquel vous souhaitez ajouter un script client (contrôle Button, LinkButton ou ImageButton), affectez à la propriété OnClientClick le script client que vous souhaitez exécuter.

    Remarque :

    Si vous souhaitez pouvoir annuler l'envoi, affectez à la propriété OnClientClick la chaîne "Return" et le nom de la fonction. Le script client peut alors annuler l'envoi en retournant false.

    L'exemple de code suivant montre comment ajouter un événement Click de script client à un contrôle Button.

    <%@ Page Language="VB" %>
<script >
    Sub Button1_Click(ByVal sender As Object, _
        ByVal e As System.EventArgs)
        Label1.Text = "Server click handler called."
    End Sub
</script>

<body>
  <form id="form1" >
    <asp:Button ID="Button1" Runat="server"
      OnClick="Button1_Click"
      OnClientClick="return confirm('Ready to submit.')"
      Text="Test Client Click" />
    <br />
    <asp:Label ID="Label1" Runat="server" text="" />
  </form>
</body>
</html>

    <%@ Page Language="C#" %>
<script >
    void Button1_Click(Object sender, EventArgs e)
        Label1.Text = "Server click handler called.";
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
  <form id="form1" >
    <asp:Button ID="Button1" Runat="server"
      OnClick="Button1_Click"
      OnClientClick="return confirm('Ready to submit.')"
      Text="Test Client Click" />
    <br />
    <asp:Label ID="Label1" Runat="server" text="" />
  </form>
</body>
</html>

Voir aussi

Référence

Vue d'ensemble des contrôles serveur Web Button