Cómo hacer un evento de carga de calendario en Ajax

Si el sitio web de su empresa utiliza Microsoft ASP.NET, puede cargar calendarios Ajax de aspecto profesional en sus páginas web automáticamente. Estos calendarios, que forman parte del kit de herramientas de control de Ajax, son interactivos y permiten a los visitantes de su sitio seleccionar fechas y navegar por los meses haciendo clic en los botones. No tiene que escribir código para que aparezca un calendario cuando alguien hace clic en un cuadro de texto. El cuadro de texto responde automáticamente al hacer clic en eventos y muestra un calendario Ajax junto al cuadro de texto.

Kit de herramientas de control Ajax

Ajax, una tecnología antigua con un nuevo nombre, permite que una página web se comunique con el servidor web sin que la página se actualice. A muchos propietarios de sitios les encanta usar Ajax porque las páginas no parpadean y los visitantes del sitio pueden ver cómo suceden las cosas en las páginas casi de inmediato. Microsoft creó controles Ajax especiales que brindan a sus páginas web la capacidad de realizar diversas tareas sin que éstas soliciten datos a su servidor web. Puede agregar el kit de herramientas de control Ajax de Microsoft desde la página web de descargas de la Biblioteca Ajax ASP.NET de Microsoft.

Instalación del kit de herramientas

Mientras utilizaba Visual Studio para desarrollar sitios web ASP.NET, es posible que nunca haya sabido que existían otros elementos del kit de herramientas. Eso es porque Visual Studio no viene con el kit de herramientas de control de Ajax. Después de agregar eso a Visual Studio, verá un nuevo Calendar Extender y otros nuevos controles Ajax en la caja de herramientas. Puede agregar el kit de herramientas de control de Ajax haciendo clic con el botón derecho en la caja de herramientas y seleccionando "Agregar pestaña". Luego puede hacer clic con el botón derecho en esa pestaña, seleccionar "Elegir elementos" y navegar hasta el archivo AjaxControlToolkit.dll que descargó.

Calendario de eventos

Los eventos hacen que las páginas web de ASP.NET funcionen. Cuando alguien arrastra un control deslizante o hace clic en un botón, se produce un evento. Si agrega un cuadro de texto a uno de sus formularios web y hace clic en la flecha que aparece junto a ese cuadro de texto, verá que aparece una nueva opción de menú "Agregar extensor". Al hacer clic en que aparece una ventana que muestra los controles del extensor de Ajax que puede agregar al cuadro de texto. Uno de esos extensores es el extensor de calendario. Haga doble clic en eso y Visual Studio lo agrega al cuadro de texto. No verá el calendario mientras esté en modo de diseño, pero aparecerá cuando alguien haga clic en el cuadro de texto.

Pruebas

Parte de la diversión de trabajar con el kit de herramientas de control de Ajax es agregar una nueva funcionalidad a las páginas web sin tener que codificar nada. Si presiona "F5" después de agregar un extensor de calendario a un cuadro de texto, su navegador muestra el cuadro de texto habilitado para el calendario. Cuando hace clic en el cuadro de texto, se carga un calendario a medida que el cuadro de texto responde a su evento de clic. Navegue por el calendario haciendo clic en los botones de flecha; Haga doble clic en una fecha para agregarla al cuadro de texto. Es posible que haya visto este tipo de funcionalidad al realizar reservas en una aerolínea o en un sitio de reservas de hotel. El kit de herramientas de control de Ajax le brinda a su sitio estas capacidades al instante. Cargue tantos calendarios como desee agregándolos a cuadros de texto en su página web siguiendo estas instrucciones.

Recomendado