Comment faire un événement de chargement de calendrier dans Ajax

Si votre site Web professionnel utilise Microsoft ASP.NET, vous pouvez charger automatiquement des calendriers Ajax de qualité professionnelle dans vos pages Web. Ces calendriers, qui font partie de la boîte à outils Ajax Control, sont interactifs et permettent aux visiteurs de votre site de sélectionner des dates et de parcourir les mois en cliquant sur les boutons. Il n'est pas nécessaire d'écrire du code pour faire apparaître un calendrier lorsque quelqu'un clique sur une zone de texte. La zone de texte répond automatiquement aux événements de clic et affiche un calendrier Ajax à côté de la zone de texte.

Ajax Control Toolkit

Ajax, une ancienne technologie avec un nouveau nom, permet à une page Web de communiquer avec un serveur Web sans provoquer l'actualisation de la page Web. De nombreux propriétaires de site aiment utiliser Ajax, car les pages ne clignotent pas et les visiteurs du site voient les choses se passer presque immédiatement. Microsoft a créé des contrôles Ajax spéciaux permettant à vos pages Web d’effectuer diverses tâches sans leur demander de demander des données à votre serveur Web. Vous pouvez ajouter télécharger Ajax Control Toolkit de Microsoft à partir de la page Web de téléchargement de leur bibliothèque ASP.NET Ajax de Microsoft.

Installation de la boîte à outils

Lors de l'utilisation de Visual Studio pour développer des sites Web ASP.NET, vous n'avez peut-être jamais su que d'autres éléments de la boîte à outils existaient. En effet, Visual Studio n’est pas fourni avec Ajax Control Toolkit. Une fois que vous avez ajouté cela à Visual Studio, vous verrez une nouvelle extension de calendrier et d'autres nouveaux contrôles Ajax dans la boîte à outils. Vous pouvez ajouter Ajax Control Toolkit en cliquant avec le bouton droit de la souris sur la boîte à outils et en sélectionnant «Ajouter un onglet». Vous pouvez ensuite cliquer avec le bouton droit de la souris sur cet onglet, sélectionner «Choisir des éléments» et accéder au fichier AjaxControlToolkit.dll que vous avez téléchargé.

Calendrier des événements

Les événements font fonctionner les pages Web ASP.NET. Lorsque quelqu'un fait glisser un curseur ou clique sur un bouton, un événement se produit. Si vous ajoutez une zone de texte à l'un de vos formulaires Web et cliquez sur la flèche qui apparaît à côté de cette zone de texte, une nouvelle option de menu «Ajouter un prolongateur» apparaît. En cliquant dessus, vous ouvrez une fenêtre dans laquelle vous pouvez ajouter des contrôles d’extension Ajax à la zone de texte. L'extension de calendrier est l'une de ces extensions. Double-cliquez dessus et Visual Studio l'ajoute à la zone de texte. Vous ne verrez pas le calendrier en mode Création, mais il apparaîtra lorsque quelqu'un cliquera sur la zone de texte.

Essai

Une partie du plaisir de travailler avec Ajax Control Toolkit consiste à ajouter de nouvelles fonctionnalités aux pages Web sans rien coder. Si vous appuyez sur «F5» après avoir ajouté un prolongateur de calendrier à une zone de texte, votre navigateur affiche la zone de texte activée pour le calendrier. Lorsque vous cliquez sur la zone de texte, un calendrier est chargé car la zone de texte répond à votre événement click. Naviguez dans le calendrier en cliquant sur les boutons fléchés; double-cliquez sur une date pour l'ajouter à la zone de texte. Vous avez peut-être déjà vu ce type de fonctionnalité lorsque vous effectuez des réservations sur un site de réservation de compagnie aérienne ou d'hôtel. Ajax Control Toolkit offre à votre site ces fonctionnalités instantanément. Chargez autant de calendriers que vous le souhaitez en les ajoutant aux zones de texte de votre page Web en suivant ces instructions.

Recommandé