Como fazer um evento de carregamento de calendário no Ajax

Se o seu site de negócios usar o Microsoft ASP.NET, você poderá carregar calendários Ajax de aparência profissional em suas páginas da Web automaticamente. Esses calendários, parte do Ajax Control Toolkit, são interativos e permitem que os visitantes do site selecionem datas e naveguem por meses clicando nos botões. Você não precisa escrever código para fazer um calendário aparecer quando alguém clica em uma caixa de texto. A caixa de texto responde automaticamente para clicar em eventos e exibe um calendário Ajax ao lado da caixa de texto.

Kit de ferramentas de controle Ajax

O Ajax, uma tecnologia antiga com um novo nome, permite que uma página da Web se comunique com o servidor Web sem fazer com que a página da Web seja atualizada. Muitos proprietários de sites adoram usar o Ajax porque as páginas não piscam e os visitantes do site conseguem ver as coisas acontecerem nas páginas quase imediatamente. A Microsoft criou controles Ajax especiais que dão às suas páginas da Web a capacidade de executar várias tarefas sem fazer com que elas solicitem dados de seu servidor da Web. Você pode adicionar o download do Ajax Control Toolkit da Microsoft a partir da página de download da Biblioteca ASP.NET Ajax da Microsoft.

Instalação do kit de ferramentas

Ao usar o Visual Studio para desenvolver sites ASP.NET, talvez você nunca saiba que existiam outros itens de kit de ferramentas. Isso porque o Visual Studio não vem com o Ajax Control Toolkit. Depois de adicionar isso ao Visual Studio, você verá um novo Calendar Extender e outros novos controles Ajax na caixa de ferramentas. Você pode adicionar o Ajax Control Toolkit clicando com o botão direito do mouse na caixa de ferramentas e selecionando “Add Tab”. Você pode clicar com o botão direito nessa aba, selecionar “Choose Items” e navegar até o arquivo AjaxControlToolkit.dll que você baixou.

Eventos de calendário

Os eventos fazem as páginas da Web do ASP.NET funcionarem. Quando alguém arrasta um controle deslizante ou clica em um botão, ocorre um evento. Se você adicionar uma caixa de texto a um de seus formulários da Web e clicar na seta que aparece ao lado dessa caixa de texto, verá uma nova opção de menu "Adicionar Extensor". Ao clicar em uma janela que mostra os controles do Ajax Extender, você pode adicionar à caixa de texto. Um desses extensores é o Extensor de Calendário. Clique duas vezes nisso e o Visual Studio adiciona-o à caixa de texto. Você não verá o calendário no modo de design, mas ele aparecerá quando alguém clicar na caixa de texto.

Testando

Parte da diversão de trabalhar com o Ajax Control Toolkit é adicionar novas funcionalidades às páginas da Web sem codificar nada. Se você pressionar "F5" após adicionar um Extensor de Calendário a uma caixa de texto, seu navegador exibirá a caixa de texto habilitada para o calendário. Quando você clica na caixa de texto, um calendário é carregado quando a caixa de texto responde ao seu evento de clique. Navegue pelo calendário clicando nos botões de seta; Clique duas vezes em uma data para adicioná-la à caixa de texto. Você pode ter visto esse tipo de funcionalidade ao fazer reservas em um site de reserva de companhia aérea ou hotel. O Ajax Control Toolkit fornece ao seu site esses recursos instantaneamente. Carregue quantos calendários desejar, adicionando-os a caixas de texto na sua página da Web usando estas instruções.

Recomendado