Cómo: Responder a los eventos de un control Button de servidor Web en una secuencia de comandos del cliente

Actualización: noviembre 2007

Los controles Button pueden desencadenar eventos de servidor y eventos de cliente. Los eventos de servidor se producen después de devoluciones de datos y se controlan en el código del servidor que se ha escrito para la página. Los eventos de cliente se controlan en una secuencia de comandos del cliente, normalmente JavaScript (ECMAScript) y se desencadenan antes de enviar la página. Si agrega eventos de cliente a los controles Button de ASP.NET , puede realizar tareas, como mostrar cuadros de diálogo de confirmación antes de enviar la página y cancelar el envío de la página a la vez.

Para agregar una secuencia de comandos del cliente, que controla el evento OnClientClick, a un control Button de servidor Web

  • En el control Button de servidor Web de ASP.NET al que desea agregar una secuencia de comandos del cliente (un control Button, LinkButton o ImageButton), establezca la propiedad OnClientClick en la secuencia de comandos del cliente que desea ejecutar.

    Nota:

    Si desea poder cancelar el envío, establezca la propiedad OnClientClick en la cadena "Retorno" y el nombre de función. La secuencia de comandos del cliente puede cancelar el envío devolviendo false.

    En el ejemplo de código siguiente se muestra cómo agregar un evento Click de secuencia de comandos del cliente a un control 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>

Vea también

Referencia

Información general sobre Button (Control de servidor Web)

  • Last updated on