ACTIVIDAD DE APRENDIZAJE 03ASP.NET AJAX CONTROL TOOLKIT(SEMANA 4) La nueva generacin de aplicaciones web utiliza un conjunto de prcticas de diseo y tecnologas conocidas como Ajax cuya caracterstica fundamental es la capacidad para actualizar parte. de la pgina, mientras que deja el resto intacto.

El modelo estndar de trabajo hasta ahora con ASP.NET ha sido utilizar el modelo ..postback donde las pginas estn perpetuamente reenvindose al servidor web y regenerndose. Esto conlleva la desventaja de que se reenvan todos los datos al servidor, adems de un incmodo parpadeo.AJAX son las siglas de Asynchronous JavaScript And XML. No es un ..script, no es un servidor, no es un archivo, no es un programa, no es un modulo ni un .lenguaje de programacin. ES UN .Framework integrado por muchas tecnologas:

- JavaScript-HTML,XML,XSLT

-DHTML Y DOM Para ..

manipular datos

-CSS Para darle .

formato

-XMLHttpRequest para el intercambio con el Server

-Muchos formatos de datos XML,HTML,JSON,Texto

-Java Script es el lenguaje que los une

Que nos permiten hacer pginas de internet ms interactivas. La caracterstica fundamental de AJAX es permitir actualizar parte de una pgina con informacin que se encuentra en el .servidor sin tener que refrescar completamente la pgina.Ajax Extensions

Ajax Extensionso las extensiones de Ajax para ASP.NET, son unos .controles de servidor que nos permite aadir funcionalidades Ajax a nuestras aplicaciones ASP.NET.El control ms importante de todos los controles que podemos encontrar en las extensiones Ajax es el control .ScriptManager. Registra el script de Microsoft Ajax Library con la pgina aspx.El control..UpdatePanelhabilita a la aplicacin Web para actualizar una porcin de la pgina Web ASP.NET sin tener que recargar toda la .pgina Web entera.

Todos los controles de lasAjax Extensionsestn instalados en ASP.NET 3.5 superior. Entre los mas importantes tenemosControl AjaxDESCRIPCION

1. Script ManagerEl control ScriptManager administra el. scrip de cliente de las pginas web ASP.NET habilitadas para AJAX.

2 Control UpdatePanel.

permiten generar aplicaciones web enriquecidas y centradas en el cliente. Estos controles permiten actualizar las partes seleccionadas de una pgina en lugar de actualizar toda la pgina con una devolucin de datos. Esto se conoce como actualizacin parcial de la pgina.Una pgina web ASP.NET que contiene un control

ScriptManager (esto es obligatorio) y uno o varios controles UpdatePanel

3 AccordionEl control Web Accordion te permite ubicar mltiples paneles, de modo que nicamente uno ser visible en cada momento., de los que debemos definir la cabecera (Header) y el contenido (Content).

4 Animationes un extensor que permite aplicar sobre el elemento elegido las animaciones . El Animation Framework es una aquitecturo de animaciones creadas para ASP.NET AJAX

5. FilteredTextBoxExtiende al TextBox de modo que podemos definir qu tipo de caracteres permitimos que .escriba el usuario. Elegiremos entre estas configuraciones y sus mltiples combinaciones: Numbers: todos los nmeros - LowercaseLetters: letras minsculas. - UppercaseLetters: letras maysculas. - Custom: los caracteres que definamos

6. PasswordStrengthes otro extendedor del TextBox. Con l podremos mostrar al usuario el nivel de fortaleza que tiene la contrasea que est escribiendo, en base a unos parmetros tpicos de fortaleza que definiremos

7. ValidatorCalloutes un extendedor de cualquier tipo de .validador (RequiredFieldValidator, RangeValidator, CustomValidator...), con el que conseguimos una vista mucho ms amable de los tpicos validadores.

Conclusiones:1. ASP.NET/Ajax ..ASP.NET /AJAX es un conjunto de extensiones que permiten la implementacin de Ajax .en LOS web forms ..que nos permiten actualizar datos en la pantalla sin necesidad de una recarga completa ..de la misma, para usarlo en ASP.NET es necesario tener instaladas dichas extensiones2. El controlScript Manager.es el control principal del lado del servidor que tiene relacin directa con Ajax y ASP.NET.Ajax proporciona una comunicacin "por debajo" entre el servidor y el navegador Web (usuario) gestionada a travs de cdigo JavaScript. De ah, que Ajax signifique ..Asynchronous JavaScript And XML.3. El controlScriptManagertiene la misin de generar el cdigo JavaScript .necesario para gestionar las peticiones Ajax con el navegador. Web.

4. El control AJAX UpdatePanel ..nos permite recargar solo una porcin de nuestra pgina. 5. Los controles con extensiones ajax necesita del ScriptManager ..para MOSTRARSE EN LA PAGINA ASPX.Realiza el siguiente ejemplo y luego responde a la pregunta

Vamos a iniciar un nuevo proyecto e insertar dentro del formulario Web un control ScriptManager, un control Editor de Ajax Control Toolkit, y un control TextBox y Button estndar.Ejecutaremos nuestra aplicacin, escribiremos algo en el editor, y pulsaremos el control Button.

Observaremos que se produce .

.

.

un postback y que dentro del control TextBox, aparece el texto que escribimos en el control Editor.

Ahora bien, cmo evitar de forma rpida y sencilla ese postback para que no me refresque la pgina Web entera?.

.

.

Vamos a insertar un controlUpdatePanelen el formulario Web y vamos a arratrar y soltar el control TextBox y Button dentro de este control y vamos a ejecutar nuevamente nuestra aplicacin.

Observaremos en este caso, .

.

que no se produce postback, y que los datos, se siguen pasando del control Editor al control TextBox de la misma manera a como lo haca antes.

Como podemos apreciar, en un par de acciones de ratn, hemos preparado una pgina ASP.NET con Ajax.pg. 2