14.04.2013 Views

Tema AJAX

Tema AJAX

Tema AJAX

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Programación avanzada en .NET con C#<br />

Servicio de Informática<br />

<strong>AJAX</strong> Control ToolsKit 4<br />

22<br />

<strong>AJAX</strong><br />

ToolsKit contiene una serie de controles Web y extendedores con los que podremos utilizar las<br />

avanzadas características de ASP.NET <strong>AJAX</strong> sin más que un arrastre de ratón. Del mismo modo,<br />

con su descarga disponemos de ejemplos de uso, así como del propio código fuente de los<br />

controles.<br />

Vamos a distinguir entre controles Web y extendedores, donde los primeros tienen una<br />

entidad por sí mismos, mientras que los segundos únicamente añaden un comportamiento a<br />

un control Web existente.<br />

Se trata de una serie de pequeñas funcionalidades que cualquier webmaster, en su historia de<br />

programador, ha utilizado o deseado para sus Webs. La diferencia ahora es que los ejemplos<br />

son 100% <strong>AJAX</strong> y usarlos no exige conocimiento alguno sobre <strong>AJAX</strong>, javascript o XML.<br />

Para instalar:<br />

Desde la Web donde se centraliza el trabajo sobre el ASP.NET<br />

<strong>AJAX</strong> Control Toolkit, en su apartado de descargas:<br />

http://ajaxcontroltoolkit.codeplex.com/releases/view/74023<br />

Podemos elegir entre descargarnos o no el código fuente junto<br />

con el resto del Kit. Nosotros elegiremos la opción en que lo<br />

tiene. Seguiremos a continuación los siguientes pasos:<br />

1.- Aceptar los términos y condiciones tras haberlos leído y<br />

guardar el archivo AjaxControlToolkit.zip en nuestro ordenador.<br />

2.- Descomprimir el fichero. Podemos observar los directorios:<br />

en uno se ubica el código fuente, en otro su correspondiente<br />

binario, templates, etc. La carpeta “SampleWebSite” contiene<br />

un proyecto con ejemplos específicos de cada uno de los<br />

controles que componen esta versión del ASP.NET <strong>AJAX</strong> Control<br />

Toolkit.<br />

3.- Ahora iniciemos el Visual Studio. Elegimos crear un nuevo<br />

WebSite.<br />

4.- Vamos a añadir los controles del ASP.NET <strong>AJAX</strong> Control<br />

Toolkit a nuestra caja de herramientas. Para ello, una vez<br />

dentro de cualquiera de nuestras páginas (por ejemplo<br />

default.aspx), presionamos el botón derecho sobre nuestra caja<br />

de herramientas para elegir Add Tab (agregar ficha). Con ello,<br />

crearemos un tab específico en nuestra caja de herramientas<br />

4 http://www.es-asp.net/tutoriales-asp-net/tutorial-0-5312/asp-net-ajax-control-toolkit.aspx

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!