Vous êtes sur la page 1sur 12

Contrles standards

Objectifs
Utiliser les contrles de base Contrles d'affichage Contrles d'entres Contrles d'envoi de requtes Contrles de prsentation Hyperliens

Structure d'une page ASP.NET


3 styles t l
Imbriqu Inline Spar ou code-behind
<%@ Page Language="C#" %> <script runat="server"> // contient le code vnementiel void message(object sender, EventArgs e) { lbl1.Text = "Bonjour " + txt1.Text; } </script> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 0 -//W3C//DTD 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Style inline</title> </head> <body> <form id="form1" runat="server"> <div><asp:Label ID="lbl1" runat="server"></asp:Label> <asp:TextBox ID="txt1" runat="server"></asp:TextBox> <asp:Button ID="cmd" runat="server" Text="Message" OnClick= message OnClick="message" /> </div> </form> </body> </html>

<%@ Page Language="C#" %> <html > <head > <title>Style imbriqu</title> </head> <body> <ul> <% string[] jours = { "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"}; for(int i 0; i<jours Length; i++) i=0; i<jours.Length; { %> <li><%= jours[i] %></li> <% } %> </ul> /u </body> </html>

Label: utilis pour afficher du texte

Contrles d'affichage
PassThrough: le contenu du contrle n'est pas modif Encode: le contenu est converti en une chane code en HTML Transform: similaire la valeur PassThrough, mais en plus le contenu non pris en charge par le naivagateur cible est supprim du contrle

Literal: similaire un contrle Label la seule diffrence est que le contrle Literal ne permet pas d'appliquer un style au texte affich Label, d appliquer la proprit Mode peut prendre l'une des valeurs suivantes:

contrle Label
void Page Load() Page_Load() { lblDate.Text = DateTime.Now.ToString("T");} <asp:Label ID="lblDate" runat="server"></asp:Label>

contrle Literal
<asp:Literal ID="lt1" runat="server" Mode="PassThrough" Text="<hr/>" ></asp:Literal> <br /> <asp:Literal ID="lt2" runat="server" Mode="Encode" Text="<hr/>" ></asp:Literal> <br /> <asp:Literal ID="lt3" runat="server" Mode="Transform" Text="<hr/>" ></asp:Literal>

Contrles entres utilisateur


TextBox T tB
Proprits
TextMode= SingleLine, MultiLine, Password A t P tB k envoi automatique d AutoPostBack: i t ti du

formulaire si le contenu de la zone de texte change Enabled MaxLength ReadOnly Rows Columns Wrap TabIndex

Mthodes Focus Evnements TextChanged (la proprit AutoPostBack doit tre gale true)

protected void TextBox1_TextChanged(object sender, EventArgs e) { TextBox2.Text = TextBox1.Text; ; } <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" ontextchanged="TextBox1_TextChan ged"/> <asp:TextBox ID="TextBox2" runat="server"/>

Contrles entres utilisateur


CheckBox Proprits Text,Checked, TextAlign Checked est gale true si la case est coche. Mthode: Focus Evnement: CheckedChanged (la proprit AutoPostBack doit tre gale t ) true) Bouton Radio GroupName: dfinit un groupe de boutons radio Exemple: <asp:RadioButton id="br" Text="Test" GroupName="Source" Runat="server" />
5

Contrles D'envoi
Bouton de commande Proprits
OnClientClick: vnement clic gr ct client OnClick: vnement clic gr ct serveur p g qui q PostBackUrl: nom de la page q traitera la requte UseSubmitBehavior:

Evnements Click Command Exemple:

protected void Button1_Click(object sender, EventArgs e) { Label1.Text = "Fichiers supprims"; } <asp:Button ID="Button1" runat="server" onclick="Button1_Click" onclientclick="return confirm('Voulez-vous supprimer les fichiers?'); " Text="Supprimer" /> <br /> <asp:Label ID="Label1" runat="server"></asp:Label>
6

Contrles D'envoi: Li kB tt LinkButton


Exemple: E l
protected void lnkSubmit_Click(object sender, EventArgs e) { lblResultats.Text = "Prnom: " + txtPrenom.Text; lblResultats.Text += "<br />Nom: " + txtNom.Text; } <asp:TextBox id="txtPrenom" Runat="server" /> <br /><br /> <asp:Label id="lblNom" Text="Nom:" Runat="server" /> id lblNom Text Nom: Runat server <br /> <asp:TextBox id="txtNom" Runat="server" /> <br /><br /> <asp:LinkButton id="lnkSubmit" Text="Envoyer" OnClick="lnkSubmit_Click" Runat="server" /> <br /><br /> <asp:Label id="lblResultats" Runat="server" />

Contrles d'envoi: ImageButton


ImageButton Exemple: protected void ImageButton1_Click(object sender, ImageClickEventArgs e) ) { Label2.Text = "Abscisse X: " + e.X.ToString(); Label3.Text = "Ordonne Y: "+e.Y.ToString(); }
<asp:Label ID="Label2" runat="server" Text="Abscisse X: "></asp:Label> p p <br /> <asp:Label ID="Label3" runat="server" Text="Ordonne Y: "></asp:Label> <br /> b / <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/carte-maroc.gif" onclick="ImageButton1_Click" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> ID Label1 runat server Text Label ></asp:Label>
8

Contrles d'envoi: Envoi d'un formulaire une page


La prorit PostBackUrl dfinit le contenu de la proprit action d'un lment form. La L proprit P PreviousPage contient une rfrence de la page partir d l P f d l de laquelle l page actuelle a affiche, ll la ll t ff h PreviousPage.FindControl("nom_controle") retourne un contrle de la page prcdente. Bouton par dfaut La proprit DefaultButton dfinit le bouton par dfaut d'un formulaire.

Exemple:
Page1.aspx: <asp:Label id="lblRechercher" Text="Rechercher:" Runat="server" /> <asp:TextBox id="txtRechercher" Runat="server" /> id= txtRechercher Runat= server <asp:Button id="btnRechercher" Text="Rechercher" PostBackUrl="Page2.aspx" Runat="server" onclick="btnRechercher_Click" /> Page2.aspx void Page_Load() { if (PreviousPage != null) { TextBox txtRechercher = (TextBox)PreviousPage.FindControl("txtRechercher"); lblRechercher.Text = String.Format("Mot cl recherch: {0}", txtRechercher.Text); } } <asp:Label id="lblRechercher" Runat="server" />

Exercices
Exercice 1: Ecrire un script qui affiche deux

compteurs de clics (la page contient deux tiquettes et deux boutons de commande). q ) Exercice 2: crer une page qui affiche le contenu d'un panier comme illustr dans la figure ci p g contre, si on coche la case cocher "tva" alors le total panier doit p p prendre en compte aussi la tva. p Exercice 3: Ecrire une page asp.net qui permet le choix du dbit d'une connexion, le clic sur le bouton envoyer doit afficher le dbit slectionn dans une tiquette nomme lblDebit.
10

11

Contrles d'envoi:
Les vnements Click et Command On peut passer en argument un vnement Command un nom de commande et un argument de commande g

Vous aimerez peut-être aussi