miércoles, octubre 16, 2019

Llamar funciones JavaScript desde el code-behind en ASP.NET

En este artículo vamos a explicar como interactuar entre aplicaciones en ASP.NET y JavaScript o jQuery. Como llamar una función JavaScript desde el «code-behind».

Como desarrolladores no podemos pretender utilizar solo una tecnología o forma de programación, debemos utilizar todos los recursos que tengamos a mano para poder brindarle una mejor experiencia al usuario final.

Para llamar una función javascript debemos utilizar el método ScriptManager.RegisterStartupScript(), y aquí explicaremos como utilizarlo.

ScriptManager.RegisterStartupScript(Control control, Type type,string key, string script, bool addScriptTags);

Para este ejemplo vamos a crear un archivo .js en nuestra solución y le vamos a llamar funciones.js

add

Creamos una función sencilla que genere una simple alerta. Agregamos el siguiente código al archivo funciones.js

function myFuncionAlerta() {
    alert("Alerta JavaScript")
}

Agregamos un archivo .aspx llamado index.aspx, al cual le agregamos un botón y la referencia al archivo funciones.js

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="funciones.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="miBoton" runat="server" 
                    Text="Llama JavaScript" />
    </div>
    </form>
</body>
</html>

En el code-behind del archivo index.aspx modificamos el evento click del botón miBoton y llamamos la función javascript con el método ScriptManager.RegisterStartupScript(),

Partial Class index
    Inherits System.Web.UI.Page

    Protected Sub miBoton_Click(sender As Object, e As EventArgs) Handles miBoton.Click

        ScriptManager.RegisterStartupScript(Me, Me.Page.GetType,
                                            "myFuncionAlerta", "myFuncionAlerta();", True)

    End Sub

End Class

Una vez que tenemos todo listo, ejecutamos la aplicación y el botón asp.net debe llamar la función JavaScript.

Debería de verse algo similar a esto:

addjavascript2

Parece un ejemplo muy simple, pero con esto ya puedes crear funciones y procesos mucho más complejos en todos los niveles de tu aplicación.

También puedes aprender a utilizar el método RegisterClientScriptBlock, es un método similar pero genera el código en lugares distintos de la página. En un siguiente artículo explicaremos las diferencias. Para este ejemplo cualquiera de los dos métodos funcionan igual.

'Declaración
Public Shared Sub RegisterClientScriptBlock ( _
	control As Control, _
	type As Type, _
	key As String, _
	script As String, _
	addScriptTags As Boolean _
)

Call JavaScript Function  from Code-behind in Asp.net C# Vb

Roy Rojashttp://www.dotnetcr.com
Con más de 20 años de experiencia en programación, experto en lenguajes .NET, VB, C#, ASP.NET, Xamarin, XCode, DBA en SQL Server. Creador de dotnetcr.com, sitio web para programadores en español. royrojas.com | dotnetcr.com | GitHub

Redes Sociales

2,793FansMe gusta
340SeguidoresSeguir

Popular esta semana

Llamar funciones JavaScript desde el code-behind en ASP.NET

Explicamos como llamar métodos o funciones de JavaScript en nuestras aplicaciones en ASP.NET, eventos de botones o desde el code-behind.
sql server collation

Conflicto con Collation en consultas utilizando UNION ALL en SQL Server

Cómo solucionar el problema del Collation cuando utilizamos UNION o UNION ALL en consultas en SQL SERVER si estas lo tienen distinto.
ERROR PHP 7.2

Error: PHP Warning: count(): Parameter must be an array or an object that implements...

Como solucionar el error "PHP Warning: count() : Parameter must be an array or an object that implements Countable in..."

Últimos artículos

Ejemplos de Documentos Electrónicos 4.3

En este artículo vamos a brindar varios ejemplos de documentos electrónicos para la versión 4.3 de Factura Electrónica de Costa Rica.
Factura Electrónica Costa Rica

Encabezados del XML Factura Electrónica Costa Rica 4.3

Para generar el XML de la factura electrónica de Costa Rica se debe de seguir un formato específico para que estas sean...
C# - PDF417

Crear código PDF417 con iTextSharp y XZing en C# .NET

Para crear códigos PDF417 existen herramientas que podemos agregar a nuestra aplicaciones. En este ejemplo vamos explicar como utilizar iTextSharp y ZXing.

SQL Server: Error 3414, servicio no inicia

El error 3414 se produce generalmente cuando el motor de la base de datos SQL Server sufre algún evento imprevisto. Aquí lo solucionamos.