ACTIVIDAD DE APRENDIZAJE 03

ASP.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 . de la pgina, mientras que deja el
resto intacto.
El modelo estndar de trabajo hasta ahora con ASP.NET ha sido utilizar el
modelo ..donde las pginas estn perpetuamente
reenvindose al servidor web y regenerndose. Esto conlleva la desventaja
de que se reenvan todos los al servidor, adems de un
incmodo parpadeo.
AJAX son las siglas de . No es un
.., no es un servidor, no es un archivo, no es un programa, no es un
modulo
ni
un
.ES
UN
. integrado por muchas tecnologas:
- JavaScript-HTML,XML,XSLT
-DHTML Y DOM Para ..
-CSS Para darle .
-XMLHttpRequest para el intercambio con el Server
-Muchos formatos de datos XML,HTML,JSON,Texto
-es el lenguaje que los une
Que nos permiten hacer pginas de internet ms interactivas. La
caracterstica fundamental de AJAX es permitir parte
de
una
pgina
con
informacin
que
se
encuentra
en
el
. sin tener que refrescar completamente la pgina.

Ajax Extensions
Ajax Extensions o las extensiones de Ajax para ASP.NET, son unos
. de 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 . . Registra el
script de Microsoft Ajax Library con la pgina aspx.
El control ..habilita a la aplicacin Web para
actualizar una porcin de la pgina Web ASP.NET sin tener que toda la
.Web entera.
Todos los controles de las Ajax Extensions estn instalados en ASP.NET 3.5
superior. Entre los mas importantes tenemos
pg. 1

Control Ajax

1. Script Manager

Control .

Accordion

5. FilteredTextBox

6. PasswordStrength

7. ValidatorCallout

DESCRIPCION
El
control
ScriptManager
el.
de
cliente de las pginas web ASP.NET
habilitadas para AJAX.
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
El control Web Accordion te permite
ubicar mltiples ,
de modo que nicamente uno ser
visible en cada momento., de los que
debemos definir la cabecera (Header) y
el contenido (Content).
es un extensor que permite aplicar
sobre
el
elemento
elegido
las
animaciones .
El Animation Framework es una
aquitecturo de animaciones creadas
para ASP.NET AJAX
Extiende al TextBox de modo que
podemos definir qu de
caracteres
permitimos
que
. 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
es otro extendedor del TextBox. Con l
podremos mostrar al usuario el nivel de

que
tiene
la
contrasea que est escribiendo, en
base a unos parmetros tpicos de
fortaleza que definiremos
es un extendedor de cualquier tipo de
.
(RequiredFieldValidator, RangeValidator,
CustomValidator...),
con
el
que
conseguimos una vista mucho ms
amable de los tpicos validadores.
pg. 2

Conclusiones:
1. ASP.NET /AJAX es un conjunto de extensiones que permiten la
implementacin de .en LOS ..que
nos permiten actualizar datos en la pantalla sin necesidad de una
recarga..de la misma, para usarlo en ASP.NET es
necesario tener instaladas dichas extensiones
2. El control .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 ..
3. El control ScriptManager tiene la misin de generar el cdigo
.necesario
para
gestionar
las
peticiones con el . Web.
4. El control AJAX ..nos permite recargar solo una
porcin de nuestra pgina.
5. Los
controles
con
extensiones
ajax
necesita
..para MOSTRARSE EN LA PAGINA ASPX.

del

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
.
.
.
Ahora bien, cmo evitar de forma rpida y sencilla ese postback para que no me
refresque la pgina Web entera?
.
.
pg. 3

.
Observaremos en este caso,
.
.
Como podemos apreciar, en un par de acciones de ratn, hemos preparado una pgina
ASP.NET con Ajax.

pg. 4