Guides

Comment créer un événement de chargement de calendrier dans Ajax

Si le site Web de votre entreprise utilise Microsoft ASP.NET, vous pouvez charger automatiquement des calendriers Ajax d'aspect professionnel 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 des boutons. Vous n'avez pas besoin d'écrire de 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.

Boîte à outils de contrôle Ajax

Ajax, une ancienne technologie avec un nouveau nom, permet à une page Web de communiquer avec le serveur Web sans provoquer l'actualisation de la page Web. De nombreux propriétaires de sites adorent utiliser Ajax car les pages ne scintillent pas et les visiteurs du site peuvent voir les choses se passer sur les pages presque immédiatement. Microsoft a créé des contrôles Ajax spéciaux qui donnent à vos pages Web la possibilité d'effectuer diverses tâches sans les obliger à demander des données à votre serveur Web. Vous pouvez télécharger Ajax Control Toolkit de Microsoft à partir de la page Web de téléchargement de la 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 le kit de contrôle Ajax. Après avoir ajouté cela à Visual Studio, vous verrez un nouvel Extender de calendrier et d'autres nouveaux contrôles Ajax dans la boîte à outils. Vous pouvez ajouter la boîte à outils de contrôle Ajax en cliquant avec le bouton droit sur la boîte à outils et en sélectionnant « Ajouter un onglet ». Vous pouvez ensuite cliquer avec le bouton droit 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. Quand 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, une fenêtre vous montre les commandes d'extension Ajax que vous pouvez ajouter à la zone de texte. L'un de ces extendeurs est l'extension de calendrier. 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 est d'ajouter de nouvelles fonctionnalités aux pages Web sans rien coder. Si vous appuyez sur «F5» après avoir ajouté une extension de calendrier à une zone de texte, votre navigateur affiche la zone de texte compatible avec le calendrier. Lorsque vous cliquez sur la zone de texte, un calendrier se charge lorsque la zone de texte répond à votre événement de clic. Naviguez dans le calendrier en cliquant sur ses boutons fléchés; double-cliquez sur une date pour l'ajouter à la zone de texte. Vous avez peut-être vu ce type de fonctionnalité lors de la réservation auprès d'une compagnie aérienne ou d'un site de réservation d'hôtel. La boîte à outils de contrôle Ajax donne à votre site ces capacités instantanément. Chargez autant de calendriers que vous le souhaitez en les ajoutant aux zones de texte de votre page Web à l'aide de ces instructions.

$config[zx-auto] not found$config[zx-overlay] not found