Gambas France BETA


Pas de compte ? Incription

GridView (Découverte) (vendredi, 17 juillet 2009, 17:55) par PINKY

1
AuteurMessages
spheris#1 Posté le 27/12/2009 à 20:56:00
====== GridView (gb.qt)======

Dans l'IDE de Gambas, dans la boîte à outils, il y a un contrôle nommé GridView.

Il est destiné à afficher des données sous la forme d'une grille.

Une page est également décernée à ce contrôle sur Gambasdoc.org

gambasdoc.org/help/comp/gb.qt/gridview?fr

===== Voici un exemple d'utilisation de ce contrôle : =====

* Commencez par créer un nouveau projet.
* Dans le formulaire FMain, glissez un contrôle Gridview (Il se trouve dans l'onglet Form de la boîte à outils).
* Dans la propriété nommée "Header", sélectionnez par exemple "Both".

==== Ca vous donne ceci : ====



==== Un exemple de code : ====

PUBLIC SUB Form_Open()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
'nombre de colonnes et de lignes
GridView1.columns.Count = 4
GridView1.Rows.Count = 8

'Largeurs colonnes et hauteurs lignes
GridView1.Columns.Width = 100
GridView1.Rows.Height = 20

'Titres des colonnes
GridView1.columns[0].Title = "Marque"
GridView1.columns[1].Title = "Type"
GridView1.columns[2].Title = "Cylindrée"
GridView1.columns[3].Title = "Couleur"


'------------------Mettre des données dans la GridView

'Données dans la 1ère colonne
Gridview1[0, 0].text = "Peugeot"
Gridview1[1, 0].text = "Renault"
Gridview1[2, 0].text = "Honda"
Gridview1[3, 0].text = "Suzuki"
Gridview1[4, 0].text = "Ducati"
Gridview1[5, 0].text = "Alpha Roméo"
Gridview1[6, 0].text = "Porsche"
Gridview1[7, 0].text = "Kawasaki"

'Données dans la 2ème colonne
Gridview1[0, 1].text = "307"
Gridview1[1, 1].text = "Clio"
Gridview1[2, 1].text = "cbr"
Gridview1[3, 1].text = "gsxr"
Gridview1[4, 1].text = "996"
Gridview1[5, 1].text = "Sprint"
Gridview1[6, 1].text = "911 turbo"
Gridview1[7, 1].text = "Ninja"

'Données dans la 3ème colonne
Gridview1[0, 2].text = "2400"
Gridview1[1, 2].text = "1900"
Gridview1[2, 2].text = "1100"
Gridview1[3, 2].text = "600"
Gridview1[4, 2].text = "998"
Gridview1[5, 2].text = "2524"
Gridview1[6, 2].text = "3547"
Gridview1[7, 2].text = "750"

'Données dans la 4ème colonne
Gridview1[0, 3].text = "Verte"
Gridview1[1, 3].text = "Bordeau"
Gridview1[2, 3].text = "Blanche"
Gridview1[3, 3].text = "Beige"
Gridview1[4, 3].text = "Jaune"
Gridview1[5, 3].text = "Rouge"
Gridview1[6, 3].text = "Noire"
Gridview1[7, 3].text = "Vert et blanc"

END




===== Que faire ensuite PRINT =====
Il ne reste plus qu'à éditer la classe de votre formulaire FMain afin de personnaliser votre GridView.

=== Vous allez donc définir : ===

* Le nombre de lignes et de colonnes.
* La largeur des colonnes et la hauteur des lignes.
* Les noms des entêtes de colonnes.
* Des données dans votre grille.
* etc...

=== Au final, votre Gridview pourra ressembler à ceci: ===

[img]http://img40.xooimage.com/files/b/b/6/tuto_grid2-10ffdcf.png[/img][img][/img]
spheris#2 Posté le 27/12/2009 à 20:56:00
Les photos ont été rajoutées.

Même souci ici si on utilise une balise gras après la 1ère photo.

Dictionnaire breton :
Dolmen (table pierre) : Caillou préféré des Bretons (un dolmen de prédilection).
spheris#3 Posté le 27/12/2009 à 20:57:00
Je vous renvoi sur le wiki pour ce tutoriel sur les gridviews ici :

http://wiki-gambas.eg2.fr/doku.php?id=gridview
1