14.04.2013 Views

Tema AJAX

Tema AJAX

Tema AJAX

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Programación avanzada en .NET con C#<br />

Servicio de Informática<br />

18<br />

<strong>AJAX</strong><br />

“Resultado” es el nombre del control que se pasa a Javascript y “txtArriba.Text” es el<br />

valor que estamos pasando, en este caso un string.<br />

Por otro lado creamos un fichero .js (mi.js) con el código Javascript que consideramos<br />

necesario. En este caso buscamos en el código el ID resultado e insertamos como contenido<br />

html el que me llega en el array “args”<br />

Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(MiFuncio<br />

n);<br />

function MiFuncion(sender,args){<br />

$get('Resultado').innerHTML =<br />

args.get_dataItems()['Resultado'];<br />

return;<br />

}<br />

Y se lo añadimos a nuestra página:<br />

<br />

<br />

<br />

<br />

<br />

Ejemplo 6 (Autoarranque y barra de progreso por programación):<br />

Puede ocurrir que nuestra página sea extremadamente pesada de cargar y deseamos mostrar<br />

un pequeño mensaje al usuario mientras que el resto de la página se carga. Para ello deseamos<br />

que un UpdatePanel se ejecute nada más arrancar la página ¿Cómo lo hacemos?<br />

Necesitamos, como en el ejemplo 5 un .js.<br />

Sys.WebForms.PageRequestManager.getInstance().<br />

add_initializeRequest(Inicia);<br />

Sys.WebForms.PageRequestManager.getInstance().<br />

add_endRequest(Finaliza);<br />

var elementoPostBack;<br />

function Inicia(sender, args) {<br />

elementoPostBack = args.get_postBackElement().id;<br />

if (elementoPostBack == 'ButtonArriba')<br />

$get('UpdateProgressArriba').style.display = 'block';<br />

}<br />

function Finaliza(sender, args) {<br />

if (elementoPostBack == 'ButtonArriba')<br />

$get('UpdateProgressArriba').style.display = 'none';<br />

}

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!