eventos
TRANSCRIPT
Eventos
Cómo: Agregar eventos de script de cliente a los controles de servidor web ASP.NETEl script de cliente se puede agregar a los controles de una página Web ASP.NET mediante declaración, del mismo modo que se agregarían a elementos HTML. Opcionalmente, puede agregar eventos de script de cliente a un control de servidor Web ASP.NET mediante programación, lo que resulta útil cuando el evento o el código depende de información que sólo está disponible en tiempo de ejecución
Para agregar un evento onclick de script de cliente a los botones es necesario seguir un procedimiento especial, que se explica más adelante
Para agregar un controlador de eventos de cliente a un control de servidor ASP.NET mediante declaración
En el formato del control, agregue un atributo para el evento, por ejemplo, onmouseover u onkeyup. Para el valor del atributo, agregue el script de cliente que desea ejecutar.
Agregue siempre un punto y coma (;) a continuación del script de cliente en el atributo. Esto es necesario para que, si ASP.NET genera el script de cliente para el control
Ejemplo 01
En el ejemplo de código siguiente se muestra una página web ASP.NET que incluye un script de cliente que cambia el color del texto de un botón cuando el usuario pasa el puntero por encima de él.
<script type="text/javascript"> var previousColor; function MakeRed() { previousColor = window.event.srcElement.style.color; window.event.srcElement.style.color = "#FF0000"; } function RestoreColor() { window.event.srcElement.style.color = previousColor; } </script></head><body> <form id="form1" runat="server"> <div> <asp:button id="Button1" runat="server" text="Button1" onmouseover="MakeRed();" onmouseout="RestoreColor();" /> </div> </form>
Cómo: Responder a los eventos de un control Button de servidor web en un script de clienteLos controles de botón pueden desencadenar eventos de servidor y eventos de cliente. Los eventos de servidor se producen después de devoluciones (postbacks) y se controlan en el código del servidor que se ha escrito para la página. Los eventos de cliente se controlan en un script de cliente, normalmente JavaScript (ECMAScript) y se desencadenan antes de enviar la página. Si agrega eventos de cliente a los controles de botón 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 un script de cliente, que controla el evento OnClientClick, a un control de botón de servidor Web
En el control de botón de servidor Web de ASP.NET al que desea agregar un script de cliente (un control Button, LinkButton o ImageButton), establezca la propiedad OnClientClick en el script de cliente que desea ejecutar
En el ejemplo de código siguiente se muestra cómo agregar un evento Click de script de cliente a un control Button
<script runat="server"> 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" runat="server"> <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>