Vanguarsoft Developers blog

Ing. Javier Leal -Desarrollador CPANAX C.A / Microsoft Student Partners – VENEZUELA

Llamar Funciones de Silverlight desde JavaScrips

Deja un comentario

image_thumb4

image_thumb1

Buenos dias, Ayer les Publique como llamar Funciones de Java Scrips desde Silverlight y ahora les explicare como hacerlo en reverso como hacer metodos de Silverlight y llamarlos desde JavaScrips de esta menera hay una interactividad completa entrea aplicacion de Silverlight y sitio Web que invoca..

Para Iniciar crearemos un nuevo proyecto de Silverlight. Para la misma estaremos usango la clase HtmlPage.

1.- Debemos registrar nuestra pagina de Silverlight o control para que sea Accesible a travez de HTML. para ello utilizamos el metodo RegisterScriptableObject Colocar el nombre de la clase (Preferencial), auque puedes colocar el nombre que quiesreas, y como segundo parametro el object de la clase actual que seria un This,

CODIGO C SHARD

public MainPage()

        {

            InitializeComponent();

HtmlPage.RegisterScriptableObject("Silverlight", this);

        }

2.- Luego creamos un metodo en la clase con el atributo ScriptableMember. 

CODIGO C SHARD

[ScriptableMember]

public void MetodoSilverlIght(string _parametro)

        {

MessageBox.Show(_parametro);

        }

3.- Este metodo simplemente muestra un mensaje Box. ya con esto este metodo esta listo para ser llamado desde JavaScrips creamos una funcion JavaScrisp y la llamamos desde un boton pasandole el parametro.

Codigo HTML

<script language="javascript" type="text/javascript">

function CallSilverlight(text)

{

if (text == ”)

{ alert(‘Ingrese un valor.’); return false; }

document.getElementById(‘PlugSilverlight’).Content.Silverlight.MetodoSilverlIght(text); return false;

}

</script>

5.- Luego el un textbox en Html Guarda el texto que deseas mostrar y lo envia como parametro a la funcion que javascrips que llama a la funcion de Silverlight

Codigo HTML

<td align="right" style="height:30px">

                Ingrese texto:

</td>

<td align="left" style="width:100px; height:30px">

<asp:TextBox ID="txtMensaje" runat="server" Width="90"/>

</td>

<td align="left" style="height:30px">

<asp:Button ID="btnMuestraMensaje" runat="server" Text="Click Aquí"

OnClientClick="return CallSilverlight(document.getElementById(‘txtMensaje’).value);" />

 

</td>

 

Cabe destacar que en el get(“”) se coloca el nombre de para propiedad ID de Object que instancia a  la aplicacion de Silverlight

<object id="PlugSilverlight"…..

imageimage

Autor: Ing. Javier J. Leal H.

Desarrollador en CPANAX C.A, Microsoft Student Partners de Venezuela Amantes de nuevas Tecnologías Desarrollador es Silverlight 5, Windows 8, Windows Phone, Influenciador y Orador en Actividades Tecnológicas Microsoft

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s