Dedicado a las personas que recien inician. (Asynchronous Javascript And XML)es una tecnología ya conocida por muchos, sin embargo existe un grueso número de desarrolladores que aún no ha ingresado a este campo por desconocimiento y es que si bien es cierto hay mucha documentación en internet, la mayor parte de dicha documentación esta dispersa o apunta a temas avanzados. Bien, pensando en los que se inician en esta tecnología me he animado a escribir este post en el que trataré de explicar la forma de instalar   en nuestros equipos para poder empezar con el tema, ASP .Net AJAX es la versión de Ajax que se desarrolló para ASP .Net y es que AJAX esta disponible no solo para ASP .Net sino también para PHP, JSP, etc.

¿Qué permite hacer AJAX? Pues para hacerlo más fácil de entender, diremos que permite comuncarse con el servidor y realizar una acción sin recargar la página web completa (es decir, evitando el postback).

Para empezar a usar la versión de Microsoft ASP .Net AJAX (el nombre clave de este producto era ATLAS), debemos indicar que AJAX es un Framework separado de la versión 2005 de Visual Studio (aunque se dice que en la siguiente versión, vendrá incluído), de modo que si queremos trabajar con dicho FrameWork debemos descargar dos componentes adicionales:

  1. (Para descargar siga el vínculo y haga clic en el botón download) Es el framework que permite utilizar la tecnología AJAX en nuestros proyectos de ASP .Net. Con esto sería suficiente y podríamos comenzar a trabajar con AJAX, sin embargo también podemos usar los siguiente.
  2. AJAX Control Toolkit (Para descargar siga el vínculo, haga clic en download de AjaxControlToolkit.zip y luego haga clic en el botón Agree) Es un conjunto de controles ya desarrollados y listos para ser usados que permiten utilizar la tecnología de asp .net ajax. Estos controles estarán disponibles en el cuadro de controles del usuario listos para arrastrar y usar. Puede ver una demostración de todos estos controles en esta dirección: http://ajax.asp.net/ajaxtoolkit/

Una vez que tengamos esto procederemos a realizar los siguientes pasos, tenga cuidado, si lo hace mal, su computador podría explotar (je je :P).

  1. Instalar el archivo ASPAJAXExtSetup.msi que contiene el framework de ajax y que fue el primero que descargamos. Por defecto se instalará en la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions dentro de esta carpeta se creará la carpeta v1.0.61025 que corresponde a la versión actual.

    Hasta aquí podríamos empezar a trabajar tranquilamente con ASP .Net AJAX, sin embargo, no dispondríamos 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 programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions) y dentro de una carpeta de nombre Ajax Control ToolKit. En esta carpeta se verá una solución con el nombre AjaxControlToolKit.sln.
  3. Abrimos la solución, la cual contiene varios proyectos y generamos el proyecto TemplateVSI, para hacerlo hacemos clic derecho con el mouse sobre el proyecto (no sobre la solución) y luego seleccionamos Generar. Ahora, ejecute la solución, esto cargará la página de ejemplo de los controles, y hará que se compile el proyecto y nos den las librerías que necesitamos. Cierre Visual Studio.
  4. Ahora abramos la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\SampleWebSite\Bin para encontrar dos archivos con el mismo nombre (AjaxControlToolKit) uno con extensión DLL y el otro con extensión PDB, copie estos archivos y péguelos en la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\Binaries.
  5. Ahora ingrese a la carpeta C:\Archivos de programa\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\TemplateVSI\bin y haga doble clic al archivo AjaxControlExtender.vsi, este es un archivo de instalación, si hay algún mensaje que le pregunte si desea sobreescribir archivos, seleccione Aceptar para sobre escribirlos.
  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… ya falta poco, no se desespere.
  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 aún faltan los controles. Para esto agregue una nueva ficha a su Cuadro de controles (clic derecho sobre el cuadro, opción Agregar Ficha) con el nombre Ajax Control ToolKit y luego sobre esa ficha haga clic derecho, opción Elegir elementos.
  8. En la ventana de Elegir elemntos haga clic en examinar y ubique 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.
  9. LISTO!!!! haga 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 verán cada vez que cree un nuevo site del tipo Ajax Control Toolkit Web Site.

Un video demostrativo de todo lo que hemos hecho aquí lo pueden ver en esta dirección: http://www.asp.net/learn/videos/view.aspx?tabid=63&id=76 desde la cual podrán ver el video e incluso descargarlo, el detalle es que esta en inglés, pero aún así es sencillo de entender, además este video cuenta al final con un ejemplo para empezar con AJAX.

Para ver mas videos acerca de AJAX pueden ver la siguiente dirección: http://www.asp.net/learn/videos/default.aspx?tabid=63 aclarando que todos los videos están en inglés.

Espero que estos pasos y referencias les sean de utilidad.

Saludos.

Blogalaxia Tags: