Blogger news

23:53
15
Hace mucho que no posteo nada, pero ahora les comparto una opción para poder invocar un evento que se encuentre en nuestro CodeBehind desde una funcion de Javascript.

Por ejemplo, si queremos invocar un Evento click que esta asociado a un Boton ASP.NET, desde alguna funcion Javascript haremos lo siguiente:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <script type="text/javascript">
        function z_metjsClick() {
            var boton = document.getElementById('z_btnAceptar');
            boton.click();
        }
    </script>
    <title></title>
</head>
<body>
    <form id="z_FormPrincipal" runat="server">
    <div>
        <asp:Button ID="z_btnAceptar" runat="server" Text="Aceptar" onclick="z_btnAceptar_Click" />
        <br /><br />
        <div onclick="z_metjsClick()" style="cursor:pointer;">Click aqui para invocar el CodeBehind</div>
        <br />
        <asp:Label ID="z_lblMensaje" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>




Donde:

Tenemos una funcion JavaScript "z_metjsClick()" que obtiene el botón a través de su ID, una vez que es asignado, ejecutamos el evento click.

El formulario contiene un control asp:Button con un evento onclick="z_btnAceptar_Click", que es el evento del codebehind. Un DIV como ejemplo (aqui dependiendo de lo que requieran, el caso es invocar a la funcion javascript), con el evento onclick="z_metjsClick()" que ejecuta a esa función. Y por último un control asp:Label, donde se mostrara un texto.

El Evento del asp:Button en el codebehind:


protected void z_btnAceptar_Click(object sender, EventArgs e)
        {
            z_lblMensaje.Text = "Usted hizo Click";
        }


Cuando hacemos clic sobre el div, será invocado el evento Click del asp:Button, mostrando el resultado en el asp:Label



Bueno eso es todo, es algo sencillo, posteriormente profundizaremos un poco mas en el tema. haciendo uso de los WebMethods.



Ailas...

15 comentarios:

  1. Gracias amigo era exactamente lo que estaba buscando increible que fuera tan sencillo .... saludos desde colombia ... son tips tan sencillos pero tan utiles

    ResponderEliminar
  2. Excelente post, me ha servido de mucha ayuda.
    De todos modos, si sabes como llamar así de sencillo un método no de un control como el Button, sino un método cualquiera como public void ejecutarCodigo() desde JavaScript me ayudarías mucho con un trabajo que tengo pendiente. El problema es que en todas partes aparece con WebServices, Ajax, y otras que no quiero implementar.
    Te agradezco nuevamente.

    ResponderEliminar
  3. Esto es lo que buscaba hace ya algún tiempo. Muchas gracias por compartir estos conocimientos.
    Saludos desde Chile.

    ResponderEliminar
  4. hola q tal sabes estoy empezando en asp.net y la verdad se muy poco de javascript y quisiera saber si tuviera una funcion q no esta en el evento click de algun button .
    public void funcion(){
    ....
    }
    desde java script con la llamaria usando el evento onBlur de un textbox

    ResponderEliminar
  5. http://sistemas-ms2.blogspot.mx/2014/05/llamar-metodo-c-desde-javascript-ajax.html

    aquí otro ejemplo

    ResponderEliminar
  6. when i visiting this site I found cool and interesting here keep sharing kindly check it out
    busybox pro free

    ResponderEliminar
  7. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ResponderEliminar
  8. Wonderful points altogether, you simply won a logo new reader. What might you recommend in regards to your publish that you made a few days in the past? Any positive? Take a look at the site here: How To Password Protect Folder.

    ResponderEliminar
  9. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ResponderEliminar
  10. I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post. Thanks for sharing.

    Wondershare PDFelement Pro Crack

    ResponderEliminar