Procédure pas à pas : contrôles d'extendeur ASP.NET AJAX
Mise à jour : novembre 2007
Les contrôles d'extendeur ASP.NET AJAX améliorent les fonctionnalités clientes de contrôles serveur Web ASP.NET, tels que les contrôles TextBox, les contrôles Button et les contrôles Panel. En utilisant des extendeurs, vous pouvez donner une expérience basée sur le Web plus riche aux utilisateurs. Dans cette procédure pas à pas, vous utiliserez un contrôle d'extendeur pour améliorer les fonctionnalités d'un contrôle serveur Web ASP.NET Button.
Vous pouvez ajouter des contrôles d'extendeur ASP.NET AJAX à Visual Studio et les utiliser comme d'autres contrôles. Vous pouvez créer vos propres contrôles d'extendeur ou les obtenir d'autres sources.
ASP.NET AJAX Control Toolkit constitue une source possible pour les contrôles d'extendeur. Control Toolkit fournit des exemples et un Kit de développement puissant pour faciliter la création et l'utilisation des contrôles personnalisés et des extendeurs. Vous pouvez télécharger ASP.NET AJAX Control Toolkit à partir du site Web ASP.NET AJAX Control Toolkit.
.gif "Remarque importante") Remarque importante : |
|---|
Control Toolkit est une bibliothèque prise en charge par la communauté et non pas par Microsoft. Cette rubrique décrit les contrôles d'extendeur du Control Toolkit pour illustrer l'utilisation des contrôles d'extendeur par des exemples. Toutefois, les informations fournies dans cette rubrique n'impliquent pas pour autant que les contrôles d'extendeur qui y sont décrits font officiellement partie d'ASP.NET ou qu'il s'agit de contrôles pris en charge. |
Pour plus d'informations sur les contrôles d'extendeur dans Visual Studio 2008, consultez Vue d'ensemble des contrôles d'extendeur ASP.NET AJAX. Pour plus d'informations sur ASP.NET AJAX Toolkit, consultez le site Web ASP.NET AJAX Control Toolkit.
Composants requis
Pour exécuter les procédures pas à pas, vous avez besoin de :
Visual Studio 2008 ou Microsoft Visual Web Developer Express.
ASP.NET AJAX Control Toolkit. Vous pouvez télécharger le Control Toolkit à partir du site Web ASP.NET AJAX Control Toolkit.
Création d'un site Web
Pour commencer, vous allez créer un site Web ASP.NET AJAX.
Pour créer un site Web de système de fichiers
Ouvrez Visual Studio 2008 ou Microsoft Visual Web Developer Express.
Dans le menu Fichier, cliquez sur Nouveau site Web.
Dans la boîte de dialogue Nouveau site Web, sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.
Dans la zone Emplacement, sélectionnez Système de fichiers, puis tapez le nom du dossier dans lequel vous souhaitez conserver votre application Web.
Par exemple, tapez le nom du dossier C:\SitesWeb1.
Dans la liste Langage, cliquez sur Visual Basic ou Visual C#, puis cliquez sur OK.
Visual Studio crée le dossier et ouvre une nouvelle page Web nommée Default.aspx dans la vue Source.
Ajout d'un contrôle d'extendeur AJAX
ASP.NET AJAX Control Toolkit inclut plusieurs contrôles d'extendeur qui peuvent être utilisés pour améliorer les fonctionnalités clientes de contrôles serveur Web.
.gif "Remarque") Remarque : |
|---|
Avant d'ajouter un contrôle d'extendeur à un contrôle serveur dans la procédure suivante, vous devez installer ASP.NET AJAX Toolkit. Vous pouvez télécharger le Control Toolkit à partir du site Web ASP.NET AJAX Control Toolkit. |
Pour ajouter un contrôle d'extendeur AJAX
Basculez en mode Design.
Si la page ne contient pas déjà de contrôle ScriptManager, à partir de l'onglet Extensions AJAX de la Boîte à outils, faites-en glisser un sur la page.
Remarque :Un contrôle ScriptManager est requis pour prendre en charge les fonctionnalités AJAX.
À partir de l'onglet Standard de la boîte à outils, faites glisser un contrôle Button dans la page.
Si le menu contextuel Tâches Button ne s'affiche pas, cliquez avec le bouton droit sur le contrôle Button, puis cliquez sur Afficher la balise active.
Dans le menu Tâches Button, cliquez sur Ajouter un extendeur.
Dans l' Assistant Extendeur, sous la liste Choisir la fonctionnalité à ajouter au bouton 1, cliquez sur ConfirmButtonExtender, puis cliquez sur OK.
Remarque :Vous pouvez également ajouter un contrôle d'extendeur en le faisant glisser de la Boîte à outils sur le contrôle Button.
Dans le Fenêtre Propriétés, développez l'onglet Extendeurs, puis développez Button1_ConfirmButtonExtender.
Affectez à la propriété ConfirmText la valeur Continuer ?.
Test du contrôle d'extendeur
Vous pouvez à présent exécuter la page pour tester le contrôle d'extendeur.
Pour tester le contrôle d'extendeur
Appuyez sur CTRL+F5 pour exécuter la page dans le navigateur.
Cliquez sur le bouton que vous avez ajouté à la page.
La zone de message de confirmation qui s'affiche est le comportement ajouté par le contrôle d'extendeur.
Fermez le navigateur.
Suppression d'un contrôle d'extendeur AJAX
Si les fonctionnalités d'un contrôle d'extendeur ne sont plus exigées, vous pouvez supprimer le contrôle d'extendeur.
Pour supprimer un contrôle d'extendeur AJAX
Basculez en mode Design.
Sélectionnez le contrôle Button, puis, dans le menu Tâches Button, cliquez sur Supprimer un extendeur.
Dans la liste Extendeurs attachés à Button1, sélectionnez ConfirmButtonExtender.
Cliquez sur Supprimer, puis sur OK.