Formation ASP pour débutants, tutoriel & guide de travaux pratiques en pdf.
Chapitre 2 : Contrôle serveur
1 Principes du contrôle serveur
1.1 Définition
1.2 Cycle de vie de la page
2 Types de contrôles
2.1 HTML
2.2 Web
2.3 Principaux attributs
2.3.1 Communs
2.3.2 Distincts
2.4 Comment changer les attributs d’un contrôle serveur
2.4.1 A partir du code de la page ASPX
2.4.2 A l’aide de la fenêtre propriétés
2.4.3 A partir du code behind
3 Contrôles communs
3.1 Ajouter des contrôles serveur
3.1.1 Les 3 modes
3.1.2 Le code behind
3.2 Label
3.3 Button
3.4 TextBox
3.5 DropDownList
3.6 CheckBox
3.7 RadioButton
4 Evénements
Principes du contrôle serveur
Définition
Un contrôle serveur est une balise (HTML ou ASP) associé à la propriété runat= »server ». A cette balise sera associé un objet lors de l’exécution du code par le serveur, il sera donc instancié au chargement de la page et peut être appelé par le code behind grâce à son id. Un contrôle serveur est programmable depuis le code behind pour répondre à des évènements (comme un clic, le chargement du contrôle et d’autres).
Cycle de vie de la page
La page est un cas particulier de contrôle serveur, elle a la particularité de ne pas avoir besoin de balise pour être instancié. Nous allons voir les évènements de contrôles serveur du cycle de vie de la page.
Un évènement est un moment précis dans l’exécution du code, il y a plusieurs évènements durant la vie de la page. La page effectue un cycle durant lequel elle initialise ses contrôles enfants qui à leur tour feront de même (c’est une fonction récursive qui va initialiser tous les contrôles..
Types de contrôles
HTML
Les contrôles HTML sont des contrôles serveurs dans le cas où ils ont un attribut runat= »server ». Vous aurez des exemples très bientôt de ces contrôles mais avant de voir le code reprenons l’arbre d’héritage des contrôles (celui de la première page) et montrons comment les contrôles ont étés fait par ressemblance.
Ces classes existent principalement pour la compatibilité avec la syntaxe HTML pour permettre de porter facilement un site statique existant en ASP.NET.
Web
Les contrôles Web sont des outils plus complets en fonctionnalités que les contrôles HTML, ils héritent d’une classe plus riche que le contrôle HTML, nous verrons les différences fonctionnelles dans la prochaine sous-partie qui montre les principaux attributs.
Principaux attributs
Communs
Nous allons vous présenter les attributs les plus utiles qui existent autant pour les contrôles serveur Web que HTML.
Distincts
Voici les attributs qui diffèrent suivant que ce soit un contrôle serveur Web ou HTML.
Web
Comment changer les attributs d’un contrôle serveur
Il existe trois façons de modifier les attributs / propriétés d’un contrôle serveur que nous allons vous présenter dans les parties qui suivent.
A partir du code de la page ASPX
Il suffit de rajouter sur la balise à laquelle on veut le changer l’attribut avec sa valeur. Ce sera de la forme « MonAttribut= »MaValeur » ».
Exemple : <body id= »test »>
L’aide de la fenêtre propriétés
Fenêtre de propriétés pour changer les attributs Pour avoir cette fenêtre il faut avoir sélectionné un contrôle serveur. Dans cette fenêtre on peut changer tous les attributs du contrôle serveur sélectionné.
A partir du code behind
Avant cela il faut mettre un attribut ID sur le contrôle serveur. Un ID est unique (il ne peut y en avoir qu’un du même nom). Ainsi on pourra y accéder à partir du code behind.
Dans le code behind il faut ajouter une ligne de cette forme : MonId.MonAttribut = « MaValeur » [Code à mettre dans la page ASPX]
<form runat= »server »>
<asp:Button ID= »Button1″ runat= »server » Text= »Button » />
</form>
Ici Button1 correspond à l’id du contrôle serveur, le « . » permet de dire que sa s’applique à lui
(descendre dans une forme d’arborescence), le ID = »test » défini l’attribut ID avec la valeur test.
C#
Button1.ID = « test »;
VB.NET
Button1.ID = « test »
Contrôles communs
Avant de parler des contrôles basiques, nous allons voir comment ajouter les contrôles serveur.
Ajouter des contrôles serveur
Les 3 modes
Pour ajouter un contrôle serveur (qu’il soit Web ou HTML) il est possible de faire un drag & drop depuis la toolbox. Il existe 3 modes d’affichage : fractionner, design et source et on peut faire le drag & drop dans chacun d’eux (un exemple est proposé dans le Webcast).
Les 3 différents modes d’affichage
Le mode Fractionner n’existe que depuis Visual Studio 2008.
Le code behind
Il est aussi possible de créer un contrôle serveur depuis le code behind.
….
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)La Balise (HTML ou ASP) (1.33 MO) (Cours PDF)
