Evento OnClientClick

Evento OnClientClick

Aqui veremos varios conceptos, como el evitar el postback al hacer click en un boton y trabajar con el evento OnClientClick y onclick juntos, ya tenia su rato que no podía subir un código (por tiempo y trabajo), espero les ayude, primero la teoría:

Todos los ejemplos son utilizando ASP.NET y C#, el evento onclick() se desencadena al hacer click sobre un boton, el evento OnClientClick igual, solo que este es del lado del cliente, veamos como funciona:

Con postback:

Código:

<asp:Button ID="Button1" runat="server" OnClientClick="clickClient();" onclick="Button1_Click" Text="Con PostBack" />

El boton contiene 2 eventos que se desencadenaran al hacer click, uno del lado del cliente y otro del lado del servidor:

--------------------------------------------------------------------------
Servidor (CSharp):

Código:

protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = "PostBack";
        }

Cliente (JavaScript):

Código:

<script language="javascript" type="text/javascript">
        function clickClient() {
            alert("Alerta");
        }
    </script>

--------------------------------------------------------------------------

Sin postback:

Al no realizar un postback el evento "onclick" queda obsoleto, por lo cual no lo incluiremos:

Código:

<asp:Button ID="Button1" runat="server" OnClientClick="clickClient(); return false;"  Text="Con PostBack" />

A la propiedad "OnClientClick" le incluimos la funcion "clickClient()" y le damos un "return false" el cual indicara que no se debera hacer un postback, la funcion javascript del lado del cliente quedara igual.

Ejemplo: [Tienes que estar registrado y conectado para ver este vínculo]