Tema AJAX
Tema AJAX
Tema AJAX
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 />
}