TOOLKIT AJAX PARA .NET VS2008

 

Esta guía pretende ser un Inicio básico para la creación de proyectos  web en vs2008 y AJAX.

 

REQUERIMIENTOS

Descargue  la librería del toolkit de ajax que puede descargar del sitio web http://www.asp.net/ajax/  en la opción downloads en la sección de ASP.NET AJAX Control Toolkit , dando clic en la opción Download de AJAX Library y Download AJAX Control ToolKit.

Descargue e instale y si tiene tiempo ejecute la solución que encuentra en las rutas donde ejecuto y donde abrió el archivo  MicrosoftAjaxLibrary.ZIP que contiene Ejemplos con los controles más populares para integración AJAX con  .NET.

PASOS PARA  ADICIONAR LA LIBRERÍA Y UTILIZAR LOS CONTROLES.

1.       De clic en el menú File, New, Web Site  en la ventana  New Web site  seleccione ASP.NET Web Site  ahora podemos cambiar la configuración inicial de la solución Nombre y ruta de la solución (c:\SitiosWeb\webConajax) que es un conjunto de proyectos visto desde el KDE de desarrollo de .net,  segundo lenguaje C# o Visual Basic para manejo de Clases, code behind (código al interpretado por el  servidor web) y la localización para nuestro ejemplo utilizare FILE SYSTEM. Para no tener que publicar el sitio en el IIS.

 

 

 

 

 

 

 

Cuando creamos nuevas aplicaciones ASP.NET  o sitios web con VS 2008 con el framework .NET 3.5, VS añadirá las líneas necesarias para AJAX en el web.config y añadirá solo los los controles de servidor de ASP.NET AJAX básicos en nuestra barra de herramientas (UpdatePanel,  ScriptManager, ScripManagerProxy,  UpdateProgress y Timer).

La versión de ASP.NET AJAX que viene con .NET 3.5 mejora el soporte para utilizar UpdatePanels en WebParts, soporte para WCF, soporte para usar ASP.NET Profile, Role y Login Application Services con JavaScript, mas controles y se han corregido errores de versiones anteriores y se  mejoro el rendimiento en la aplicación web adicionalmente podremos utilizar el paquete de controles del toolkit y adicionarlo al proyecto como explico en los pasos del  2  al 4

 

2.       Adicione una carpeta BIN al proyecto web tal como se ilustra a continuación.  Primero de clic derecho sobre el proyecto Web  en la ventana del explorador de proyectos, Add ASP .NET Folder y de clic en la opción BIN.

3.       En la carpeta BIN cópie la dll AjaxControlToolkit.dll que descargo del sitio de AJAX : 

 

 

 

 

 

 

 

 

Actualice el proyecto web dando clic en refresh de la ventana explorador de proyectos observe que aparece la referencia de la dll del control toolkit de AJAX al proyecto web de todos los controles incluidos en AJAX 3.5  como son (Update Panel, Acordeon, Controles de fecha, ScripManager y unas cuantas decenas más)  en este manual solo pretendo que aprenda a utilizar la tecnología.

 

 

 

4.       Adicione los controles del toolkit de ajax en la caja de herramientas de su aplicación web como se ilustra en las imágenes:

De clic derecho sobre la caja de herramientas y seleccione shoose Items… , en la ventana que se abre en la pestaña .NET Framework Components de clic en el botón Browse  y Seleccione la dll que se encuentra dentro del proyecto web en la carpeta BIN AjaxControlToolkit.dll  :

 

Los controles son adicionados a esta ventana termine la adición de los controles realizando clic sobre el botón OK.

 

 

 

 

5.       Ya puede crear formularios .aspx  utilizando cualquier control Ajax que se encuentran en la barra de herramientas que adiciono con la dll del toolkit descargado del sitio oficial de ajax.

 

6.       Ahora realizaremos una implementación sencilla arrastre de la ventana de herramientas un control Textbox al formulario aspx, segundo adicione el control ScriptManager y el control CalendarExtender al formulario

 

 

se adicionara automáticamente el siguiente código al formulario .aspx que indica que podrá utilizar controles de ajax y que se adicionara un sufijo cc1 para indicar que es un control de AJAX y diferenciarlos de los controles de asp que trae la herramienta.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

 

Y en el formulario

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <div>

        <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtFecha">

        </cc1:CalendarExtender>

        <asp:TextBox ID="txtFecha" runat="server"></asp:TextBox>

    </div>

    </form>

Ahora  presionamos la tecla F5 para terminar el proyecto con integración del toolkit de ajax en . net 2008

 

 

   Asi de facil es utilizar estas tecnogias de AJAX con visula studio 2008

BIBLIOGRAFIA

1.       http://www.asp.net/ajax  sitio oficial de AJAX encuentra foros, Downloads,  videos explicativos etc.

        

 

About omaracostacasas

ING SOFTWARE
This entry was posted in Microsoft .NET. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s