Activité d’apprentissage 4

Développement et Déploiement de Sites Web

Module TDI-21
Dynamiques

Précision A Développer des composants serveur

Code Activité A007

Utiliser les contrôles serveur

Activité

Durée 1H

Phase d’apprentissage BASE

Cette activité d’apprentissage doit vous permettre

de :
 Crée un contrôle utilisateur Web
Détails sur les objectifs  Utiliser le contrôle utilisateur Web
visés par l’activité

Matière d’œuvre et/ou

outillage
 DESCRIPTION DE L’ACTIVITÉ
Exercices 1 : Création d'un contrôle Utilisateur web
1. A l’aide de Visual Studio 2010, créer un nouveau site Web ASP.NET vide
contenant un formulaire Web Default1.aspx.
2. Ajouter un nouvel élément contrôle Utilisateur Web : MenuCtrl.ascx.

3. Sur ce contrôle faire glisser le contrôle « Table »

4. Dans le code behind, implémenter les deux méthodes suivantes pour le contrôle
Web Utilisateur :
private void AddMenuItem(string linkName,string linkURL)
{
TableRow menuRow= new TableRow() ;
Table1.Rows.Add(menuRow);
TableCell menuCell= new TableCell();
BuildLink(menuCell, linkName, linkURL);
menuRow.Cells.Add(menuCell);
}
private void BuildLink(TableCell menuCell, string linkCaption,string
linkHRef)
{
HyperLink menuLink = new HyperLink();
menuLink.Text=linkCaption;
menuLink.NavigateUrl=linkHRef;
menuCell.Controls.Add(menuLink);
}

5. Dans l’évènement Page_Load, remplir dynamiquement le contrôle :

protected void Page_Load(object sender, EventArgs e)
{
AddMenuItem("MSN", "http://www.msn.fr");
AddMenuItem("Microsoft", "http://www.microsoft.com");
AddMenuItem("MSDN", "http://msdn.microsoft.com/");

}
 6. Implémenter une propriété pour changer la couleur du contrôle Web utilisateur :
public Color BackGroundColor
{
get {
return Table1.BackColor;
}
set {
Table1.BackColor=value;
}
}

7. Enregistrer et compiler

Exercices 2 : Utilisation d'un contrôle Utilisateur web

1. Ouvrir la page « Default.aspx »
2. Faire glisser le contrôle Web Utilisateur créé depuis l’explorateur de solutions
vers la page
3. Glisser aussi un bouton

4. Double-cliquer sur le bouton et ajouter le code :

protected void Button1_Click(object sender, EventArgs e)

{
MenuCtrl1.BackGroundColor = Color.Azure ;
}

5. Compiler et naviguer sur la page Default.aspx