Tutoriales

Instalar y Configurar AJAX en ASP .Net

AJAX (Asynchronous Javascript And XML) es una tcnica de desarrollo web para crear aplicaciones interactivas. AJAX permite comunicarse con el servidor y realizar una accin sin recargar la pgina web completa. En este artculo explicaremos cmo instalar y configurar ASP .Net AJAX en Microsoft Visual Studio.

Para empezar a usar la versin de Microsoft ASP .Net AJAX, debemos descargar dos componentes adicionales:

1. Microsoft ASP .Net 2.0 AJAX Extensions 1.0 (Para descargar siga el vnculo y haga clic en el botn download) Es el framework que permite utilizar la tecnologa AJAX en nuestros proyectos de ASP .Net. Con esto, ya podemos comenzar a trabajar con AJAX. 2. AJAX Control Toolkit (Para descargar siga el vnculo, haga clic en download de AjaxControlToolkit.zip y luego haga clic en el botn Agree) 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. Puede ver una demostracin de todos estos controles en esta direccin: http://ajax.asp.net/ajaxtoolkit/

Una vez que tengamos esto procederemos a realizar los siguientes pasos: 1. Instalar el archivo ASPAJAXExtSetup.msi. Contiene el framework de AJAX. Por defecto se instalar en la carpeta C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX Extensions dentro de esta carpeta se crear la carpeta v1.0.61025

1/3

Tutoriales

que corresponde a la versin actual. Hasta aqu podramos empezar a trabajar tranquilamente con ASP .Net AJAX, sin embargo, no dispondramos de los controles del propio framework de AJAX, que ya hemos descargado y que se conoce como AJAX Control ToolKit. 2. Ahora debemos descomprimir el archivo AjaxControlToolkit.zip dentro de la misma carpeta donde se instal ajax (en este caso en C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX Extensions ) y dentro de una carpeta de nombre Ajax Control ToolKit . En esta carpeta se ver una solucin con el nombre AjaxControlToolKit.sln . 3. Abrimos la solucin, la cual contiene varios proyectos y generamos el proyecto Template VSI , para hacerlo hacemos clic derecho con el mouse sobre el proyecto (no sobre la solucin) y luego seleccionamos Generar. Ahora, ejecute la solucin, esto cargar la pgina de ejemplo de los controles, y har que se compile el proyecto y nos den las libreras que necesitamos. Cierre Visual Studio. 4. Ahora abramos la carpeta C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX ExtensionsAjaxControlToolkitSampleWebSiteBin para encontrar dos archivos con el mismo nombre ( AjaxControlToolKit ) uno con extensin DLL y el otro con extensin PDB , copie estos archivos y pguelos en la carpeta C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX ExtensionsAjaxControlToolkitBinaries . 5. Ahora entrar en la carpeta C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX ExtensionsAjaxControlToolkitTemplateVSIbin y haga doble clic al archivo AjaxControlExtender.vsi , este es un archivo de instalacin, si hay algn mensaje que le pregunte si desea sobreescribir archivos, seleccione "Aceptar" para sobre escribirlos.

2/3

Tutoriales

6. Cierre todas sus ventanas de Windows, abra su Visual Studio 2005 (o Visual Web Developer Express) y cree un nuevo sitio Web seleccionando la plantilla Ajax Control Toolkit Web Site . 7. Si se da cuenta, en el cuadro de controles de la izquierda, en la parte inferior hay una ficha que dice AJAX Extensions, esto esta bien, pero an faltan los controles. Para esto agregue una nueva ficha a su Cuadro de controles (clic derecho sobre el cuadro, opcin Agregar Ficha ) con el nombre Ajax Control ToolKit y luego sobre esa ficha haga clic derecho, opcin Elegir elementos . 8. En la ventana de Elegir elementos haga clic en examinar y ubique el archivo AjaxContr olToolkit.dll que se encuentra en el directorio C:Archivos de programaMicrosoft ASP.NETASP.NET 2.0 AJAX ExtensionsAjaxControlToolkitBinaries . 9. Terminado!!!! clic en Aceptar y ya podr ver sus controles de ASP .Net Ajax en el cuadro de Herramientas, lo mejor es que a partir de ahora, ya no necesitar repetir estos pasos otra vez, a partir de ahora se vern cada vez que cree un nuevo site del tipo Ajax Control Toolkit Web Site .

3/3