Série N°4 userControle Module 19 - Programmation Client - Serveur (ADO.Net)

OFPPT
DRGC/CFMOTI
Office de la Formation Professionnelle
et de la Promotion du Travail
Formateur : Driouch B. (cfmoti.[email protected]m) 09/03/2012
Niveau & filière : TS - 2
éme
TDI http://www.ista-ntic.net/ page 1 /3
Série 4 : Atelier userControle
M22 : Programmation Client / Serveur (ADO.Net)
Objectif: à la fin de ce tutorial, vous serez à même de créer votre propre contrôle utilisateur en .net.
Condition: un PC convenable, l'IDE VS.net
Durée approximative : 1h
On signale au début que la différence entre un objet et un contrôle est que le premier est
une simple instance de classe par contre le deuxième est une instance particulière qui possède
une interface graphique.
Exemple de classes de contrôles: textBox, Button, checkBox, …..
Exemple de classes simples : String, ArrayList, Hashtable,…..
Maintenant, si on ajoute le mot utilisateur au mot contrôle ça donne "contrôle
utilisateur" qui signifie un contrôle réalisé par un utilisateur (un développeur comme vous).
Etapes de réalisation d'un contrôle utilisateur 'Horloge'
1- étape lancer VS.net et créer un projet de type "application Windows " et
l'enregistrer sous le nom MonPremierControle Le VS.net crée un formulaire qui va servir
pour tester notre Horloge
2- ajouter un contrôle utilisateur vide
Lui affecter le nom Horloge.vb ou Horloge.cs
Question : quelle est la différence entre les deux classes Form1 et Horloge?
3- créer notre Horloge.
On a besoin de deux contrôles minimum, oui c'est ça un label et un Timer. Ajoutons-les
alors.
Après nous modifions les propriétés du Timer pour qu'il rafraîchir l'heure chaque
seconde, donc il faut choisir comme intervalle 1000ms (millet seconde) et enabled à true.
Est ce que c'est suffisant? Non, il faut l'activer pour que l'événement Tick se déclenche
chaque intervalle (ici 1000).
Je rappelle que l'événement tick se déclenche chaque 1000 millet seconde.
Donc, ajouter une méthode et l'associer à l'événement tick (vous double cliquez sur le
contrôle Timer)
Ajouter le code suivant:
C# :
Label1.text = "il est : " + DateTime.now() ;
VB :
Label1.text="il est : " & Date.now
4- tester le contrôle.
Pour tester le contrôle, vous devez compiler le projet, et il va créer sur la boite d'outils
votre contrôle Horloge que vous pouvez insérer ensuite dans le formulaire 'Form1'
Pour compiler votre projet: le menu générer (Build in english) et après le sous menu
Générer MonPremierControle

OFPPT
DRGC/CFMOTI
Office de la Formation Professionnelle
et de la Promotion du Travail
Formateur : Driouch B. (cfmoti.[email protected]m) 09/03/2012
Niveau & filière : TS - 2
éme
TDI http://www.ista-ntic.net/ page 2 /3
Afficher le formulaire Form1 et regarder dans la palette des contrôles, est ce que vous
voyez votre contrôle
Ajouter le dans votre formulaire et exécuter le (optionnel), On va essayer de compliquer
les choses, en posant un tas de questions :
Comment peut-on modifier l'intervalle de l'horloge à partir du formulaire?
De même pour les couleurs de texte et l'arrière plans?
Rép: vous pouvez tenter d'accéder à la propriété "interval" de l'objet timer1 qui est un
attribut de la classe horloge?
Pas de chance, alors on se dit que si on peut déclarer ce timer1 avec le modificateur
public, on peut alors résoudre le problème sinon on se demande s'il y a une autre solution?
(Ne dite surtout pas que vous avez oublié le cours de l'orienté objet: Encapsulation)
Résumons ce blabla et disons que vous avez deux solutions :
1- vous laisser le timer comme il est, et vous ajouter une propriété intervalle à la classe
Horloge avec get et set.
VB Public property intervalle() as integer
Get
Return timer1.inerval
End get
Set(value as integer)
timer1.inerval=value
End set
End property
C#
public int intervalle
{
get{return timer1.inerval;}
set{timer1.inerval=value;}
}
2- vous modifier la propriété Modifiers en public
VB Et après vous ajouter le code suivant à votre
formulaire.
VB :
Usercontrole1.timer1.intervalle =X
'une valeur de votre choix.
C#
Usercontrole1.timer1.intervalle =X
//une valeur de votre choix.

OFPPT
DRGC/CFMOTI
Office de la Formation Professionnelle
et de la Promotion du Travail
Formateur : Driouch B. (cfmoti.[email protected]m) 09/03/2012
Niveau & filière : TS - 2
éme
TDI http://www.ista-ntic.net/ page 3 /3
Projet:
Dans cette partie il et demander de créer un contrôle utilisateur sous forme d’une
bibliothèque de contrôle windows avec VS.Net, le composent doit nous permettre de
parcourir le résultat d’une requête « select » selon une chaîne de connexion (serveur et base
de donnée), avec les boutons (Premiers, Précédent, Suivant, Dernier)
Les labels et les textboxs sont générer automatiquement selon le résultat d’une requête
« select » avec une chaîne de connexion « nom serveur » et « nom base de données »
Pour indication voila le code qui permet la création d’un objet textbox ou label
C#.Net
for (int i = 0; i < oDtable.Columns.Count; i++) {
labl = new Label();
labl.Name = "lb" + i.ToString();
labl.Top = 20 + i * 25;
labl.Left = 20;
labl.Text = oDtable.Columns[i].ColumnName;
panel1.Controls.Add(labl);
if (oDtable.Rows.Count > 0) {
texb = new TextBox();
texb.Name = "tx" + i.ToString();
texb.Left = 150;
texb.Top = 20 + i * 25;
texb.Text = oDtable.Rows[pos][i].ToString();
panel1.Controls.Add(texb);
}
VB.Net
For i As Int16 = 0 To oDtable.Columns.Count - 1
labl = New Label()
labl.Name = "lb" & i.ToString
labl.Top = 20 + i * 25
labl.Left = 20
labl.Text = oDtable.Columns.Item(i).ColumnName
Panel1.Controls.Add(labl)
If oDtable.Rows.Count > 0 Then
texb = New TextBox()
texb.Name = "tx" & i.ToString
texb.Left = 150
texb.Top = 20 + i * 25
texb.Text = oDtable.Rows(pos).Item(i).ToString
Panel1.Controls.Add(texb)
End If
Next