En esta primera parte vamos a intalar las ASP.NET Ajax Extension para nuestro Visual Studio 2005, ya que para el Visual Studio 2008 esta extensión viene instalada de serie. Para esto vamos a la página http://asp.net/ajax/downloads/. En ella descargaremos ASP.NET Ajax Extension 1.0.

Tras la descarga ejecutaremos el archivo ASPAJAXExtSetup.msi

Ahora abriremos el Visual Studio y crearemos un nuevo sitio web y si todo ha ido bien, veremos esto

Con esto, creamos un sitio web, donde lo importante está en el web.config, ya que esta plantilla nos ha creado dicho fichero con todo lo necesario para poder usar las extensiones Ajax. En caso que queramos añadir la extensiones Ajax a un sitio web existente tendremos que modificar nosotros mismos el web.config. Para esto podemos echar un vistazo a la ayuda en linea en http://asp.net/AJAX/Documentation/Live/ConfiguringASPNETAJAX.aspx

Tras esto ya tenemos instalado la extensiones Ajax en nuestro sistema, pero ¿y ahora qué?. Lo mejor que podemos hacer es instalar el Microsoft ASP.NET Ajax Control Toolkit. Para esto iremos nuevamente a la página de descargas y las descargaremos. Yo recomiendo descargar el AjaxControlToolkit-NoSource.zip y coger de ahí la dll ya compilada AjaxControlToolkit.dll de la carpeta SampleWebSite/Bin.

Bien, tras esto, abriremos nuestro Visual Studio, y crearemos nuestro sitio web con soporte Ajax. Tras esto, lo más fácil es crear una ficha en el Visual Studio con los controles de la dll AjaxControlToolkit.dll. Para crear un ficha seguiremos los siguientes pasos:

1.- Boton derecho sobre la barra lateral izquierda y eleguimos “Agregar ficha”
2.- Boton derecho dentro de la ficha desplegada y eleguimos “Elegir elementos”
3.- Vamos a la pestaña de Componentes de .NET Framework > Examinar
4.- Buscamos nuestra dll AjaxControlToolkit.dll y le damos a aceptar.
5.- Ya tenemos nuestra ficha creada con el siguiente aspecto

Con esto ya podemos empezar a jugar con los componentes libreria de componentes Ajax. Para ver algunos ejemplos podemos mirar el sitio web SampleWebSite que nos vino con el fichero AjaxControlToolkit-NoSource.zip.

En el próximo post explicaré un poco el funcionamiento del UpdatePanel.

• Symfony, la guía definitiva.
  • Conoce a fondo el mejor framework para desarrollar aplicaciones web con PHP.
  • Symfony, Open-Source PHP Web Framework
• Introducción a AJAX
  • Incluye Google Maps, Prototype, jQuery y decenas de ejemplos.
• Introducción a JavaScript
  • Aprende a manejar eventos, validar formularios y crear otras utilidades comunes.
• Introducción a CSS
  • Incluye las propiedades de CSS 2.1 y decenas de ejemplos.
• Introducción a XHTML
  • Aprende cómo crear páginas web accesibles y que validen.