1. INSTALACIN Y CONFIGURACIN DE ASP .

NET AJAX

Para empezar a usar la versin de Microsoft ASP.NET AJAX debemos de tener en cuenta
que es un framework separado de la versin actual de Microsoft Visual Studio 2005. De
modo que para trabajar con dicha plataforma debemos descargar dos componentes
adicionales:

1. Microsoft ASP .Net 2.0 AJAX Extensions 1.0. Es el framework que permite
utilizar la tecnologa AJAX en nuestros proyectos de ASP .Net. Con esto sera
suficiente para comenzar a trabajar con AJAX, sin embargo para aadir mayor
funcionalidad tambin conviene instalar el siguiente.

2. AJAX Control Toolkit. Es un conjunto de controles ya desarrollados y listos para
ser usados que permiten utilizar la tecnologa de ASP.NET AJAX. Estos controles
estarn disponibles en el cuadro de controles del usuario listos para arrastrar y
usar. Podemos ver una demostracin de los mismos en la siguiente url:
http://ajax.asp.net/ajaxtoolkit/

Ambos instalables los podemos encontrar en la url oficial de ASP.NET AJAX:
http://www.asp.net/ajax/downloads/


Fig. 1 Instalacin de ASP .NET AJAX.

Una vez que hayamos descargado ambos componentes debemos de seguir los siguientes
pasos:

1. Instalamos el archivo ASPAJAXExtSetup.msi correspondiente al primer componente
descargado. Este contiene el framework de AJAX. Se trata de una instalacin tpica en
la que bastar con ir pulsando siguiente. Por defecto se instalar en la carpeta
C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions de
nuestro PC. Dentro de esta carpeta se crear la subcarpeta v1.061025 que
corresponde a la versin actual.

Como se ha mencionado anteriormente, ya podramos empezar a trabajar con
ASP.NET AJAX. Sin embargo, no dispondramos de los controles del propio
framework de AJAX, el componente conocido como AJAX Control Toolkit.

2. A continuacin descomprimimos el archivo AjaxControlToolkit.zip dentro de la misma
carpeta donde hemos instalado AJAX, en este caso en C:\Archivos de
programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions, y dentro de una carpeta
de nombre AjaxControlToolkit. Una vez descomprimido veremos una solucin con el
nombre AjaxControlToolKit.sln


Fig. 2 AjaxControlToolkit.sln

3. Abrimos la solucin, la cual contiene varios proyectos y generamos el denominado
TemplateVSI, para ello hacemos clic con el botn derecho del ratn sobre el proyecto
(no sobre la solucin) y seleccionamos Generar. Una vez hecho esto, procedemos a
ejecutar la solucin, lo que cargar la pgina de ejemplo de los controles y har que
se compile el proyecto generndose las libreras que necesitamos.

4. Seguidamente, abrimos la carpeta C:\Archivos de programa\Microsoft
ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\SampleWebSite\Bin
donde encontraremos dos archivos con el mismo nombre (AjaxControlToolKit) uno con
extensin DLL y el otro con extensin PDB. Copiamos estos archivos y los pegamos
en la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX
Extensions\AjaxControlToolkit\Binaries.

5. A continuacin ingresamos en la carpeta C:\Archivos de programa\Microsoft
ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\TemplateVSI\bin y
hacemos doble clic en el archivo AjaxControlExtender.vsi. Este es un archivo de
instalacin, y en caso de que apareciera algn mensaje que nos pregunte si
deseamos sobrescribir archivos, seleccionaremos Aceptar.

Fig. 3 Instalando Ajax Control Toolkit.
6. Cerramos todas las ventanas de Windows, abrimos el Visual Studio 2005 y creamos
un nuevo sitio Web seleccionando la plantilla Ajax Control Toolkit Web Site. Como
vemos, tambin tenemos disponible la plantilla ASP.NET AJAX- Enabled Web Site.


Fig. 4 Creando el sitio Web.

7. La principal diferencia entre uno y otro, es que el primero contiene la librera
AjaxControlToolkit en su carpeta bin por defecto. Si seleccionamos la plantilla
ASP.NET AJAX- Enabled Web Site para nuestro proyecto o queremos aadir el
AjaxControlToolkit a un proyecto existente de este tipo, deberamos hacer lo siguiente:
agregaramos una referencia al proyecto haciendo clic con el botn derecho sobre el
mismo y seleccionando agregar referencia.

Una vez que se nos abriese la ventana Agregar referencia, seleccionaramos la
pestaa Examinar, ubicaramos el archivo AjaxControlToolkit.dll que se encuentra en
la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX
Extensions\AjaxControlToolkit\Binaries y haramos clic en aceptar.


Fig. 5 Agregar la referencia AjaxControlToolkit.dll

Otra manera de proceder sera copiar directamente el archivo .dll a la carpeta bin de
nuestro proyecto.

8. Una vez creado el sitio Web, nos daremos cuenta que en la parte inferior del cuadro
de herramientas hay una nueva ficha llamada AJAX Extensions. Pero todava no
aparecen los controles del Ajax Control Toolkit.


Fig. 6 Controles AJAX.

Para agregarlos, hacemos clic derecho sobre el cuadro de herramientas,
seleccionamos la opcin Agregar Ficha y le damos el nombre de Ajax Control Toolkit.
Sobre la ficha que acabamos de crear, hacemos clic derecho y seleccionamos la
opcin Elegir Elementos.

9. En la ventana de Elegir Elementos hacemos clic en examinar y ubicamos el archivo
AjaxControlToolkit.dll que se encuentra en el directorio C:\Archivos de
programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX
Extensions\AjaxControlToolkit\Binaries.

10. Hacemos clic en Aceptar y ya podemos ver nuestros controles del Ajax Control Toolkit
en el cuadro de Herramientas. La mayor ventaja es que a partir de ese momento, no
necesitamos repetir estos pasos otra vez cada vez que creemos un nuevo site del tipo
Ajax Control Toolkit Web Site.