[VS 2008] VB treeview / Datagridview

Version imprimable

02/04/2010, 12h45
methylene

[VS 2008] VB treeview / Datagridview

Bonjour,

Logiciel : Visual Studio 2008
Language : Visual Basic

Je travaille sur un projet dans le cadre d'un stage et j'en suis à la mise en place graphique de mon programme.

J'ai un certain nombres de datatables, que j'ai remplit et trier avec les informations souhaitées. J'ai créer un datagridview, que je remplis avec les colonnes que je sélectionne de ma datatable.

J'aimerais avoir la possibilité, dans ma datagridview d'insérer des contrôles de treeview, donc de masquer les lignes correspondant à des sous-tâches (en tant que noeuds enfant), et donc avoir comme noeuds parents les tâches.

L'image que je joins montre ce que ej souhaite obtenir.

Est-il possible d'insérer donc des noeuds liés à mes lignes de datagridview ?

http://img51.imageshack.us/img51/4104/implan.jpg
02/04/2010, 13h21
blade159

espérant répondre à ta demande:

http://blogs.msdn.com/markrideout/ar...egridview.aspx
02/04/2010, 13h31
Graffito
C'est pas tout simple !

Toutefois, si les datagridView sont bindées à un DataTable et que l'on rajoute aux datatable un champ spécial "TreeState" dédié aux noeuds du TreeView, il est possible de masquer les lignes invisibles via la propriété Filter du BindingSource.
Code:

1 2 3 MyBindingSource.Filter=(TreeState='+' OR TreeState='-' OR TreeState=' ') // Etats : "+" : master dépliable, "-" : Master déplié, // " " : détail visible , "/" détail invisible
Reste ensuite à tracer le TreeState via l'event on CellPainting du dataGridView,
Puis à traiter les click, pour mettre à jour les TreeState dans la DataTable sous jacente.

La différence la solution A proposée par Blade159 et la solution B ci-dessus est celle-ci :
- pour A, master et détails sont dans la même row,
- pour B, chaque ligne master ou détails sont dans des rows différentes.

L'avantage de A étant que les tris et les filtres restent possibles sur les lignes Master.

Mais, dans de tels cas la solution que j'utilise consiste à ne mettre dans la DGV que les lignes master, d'ajouter un Splitter dans la form qui permet de voir le DGV et un panneau détail qui affiche le treeView correspondant à la ligne master de la DGV selectionnée.
02/04/2010, 14h08
methylene

Merci des réponses, en ce qui concerne la solution A, j'avais trouver ce bout de code ce matin, mais c'est codé en C, et je ne connaîs absolument pas le C, et pour ta solution B je ne comprend pas tout :

Déjà le treestate n'est pas déclaré. En fait à par mybindingsource, rien n'est déclaré, je me demande d'ailleurs si ce ne serait pas du C aussi, mais je cherche encore.

Ensuite, si je comprend bien, tu n'utilises pas le treeview, mais tu utilise le "contrôle" des "+" et des "-" du treeview.

Sinon j'aavais trouvé une autre solution mais un peu plus barbare, en détectant mes lignes ou je veux qu'il y ait des parents et à y mettre un boutton qui aurait la même fonction que les "+" et "-", soit un bouton à double rôle.
02/04/2010, 23h12
Graffito

Citation:

Déjà le treestate n'est pas déclaré

En effet, c'est une colonne "TreeState" qu'il faut rajouter à la datatable et initialiser pour différencier les master des esclaves.

Citation:

Ensuite, si je comprend bien, tu n'utilises pas le treeview, mais tu utilise le "contrôle" des "+" et des "-" du treeview.
Sinon j'aavais trouvé une autre solution mais un peu plus barbare, en détectant mes lignes ou je veux qu'il y ait des parents et à y mettre un boutton qui aurait la même fonction que les "+" et "-", soit un bouton à double rôle.

En fait, je proposais de dessiner les [+] et les [-] dans le rectangle graphique de la cellule et d'utiliser le petit rectangle autour du + et du - comme un bouton à double rôle.

Bon en gros j'ai trouvé la solution vendredi par moi-même je poste la réponse pour ceux qui chercheraient tout comme moi.

J'ai créer une colonne tout à gauche de mon tableau (soit la colonne 0), colonne de type picture, ensuite j'ai créer une nouvelle colonne de type text (colonne 1), que j'ai appelé colonne "indice". En gros j'identifie mes tâches par la colonne "unité" car seules les sous-tâches ont des unités, et donc quand je trouve une ligne correspondant à une tâche je met un "+" dans la colonne "indice". Ceci dans le but de pouvoir detecter quand je vais cliquer sur une tâches que ej vais dérouler ( le problème étant que l'on en peut pas détecter le type de l'image).

Ensuite je remplis les cellules correspondant aux tâches avec l'image "pluss" :

Code:

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
Public Sub treeview()
 
        'on récupèrele nombre maximal de lignes
        maxlignes = PlopAvanadeDataSet.Activity.Count
 
        For i = 0 To maxlignes - 1
 
            'Si la colonne unité est vide, c'est un titre
            If DataGridView1.Rows(i).Cells(4).Value = "" Then
 
                'donc je met l'image "pluss" dans la cellule correspondante colonne 0, et je met l'indice "+" dans la cellule correspondance colonne 1 (indice) 
                DataGridView1.Rows(i).Cells(0).Value = My.Resources.pluss
                DataGridView1.Rows(i).Cells(1).Value = "+"
 
            Else
 
                'autrement je met une image blanche
                DataGridView1.Rows(i).Cells(0).Value = My.Resources.vide
                DataGridView1.Rows(i).Visible = False
 
 
            End If
 
        Next i
 
    End Sub

Ensuite sur déclenchement de l'évènement "click de ma datagridview"

Code:

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
Public Sub DataGridView1_CellClick(ByVal sender As Object, ByVal e As System.Windows.Forms.DataGridViewCellEventArgs) Handles DataGridView1.CellClick
 
        ligne = DataGridView1.CurrentCell.RowIndex
        colonne = DataGridView1.CurrentCell.ColumnIndex
 
        'Si la case cliquée corresponds à la colonne 0, et si la ligne cliquée correspond à un "+" dans la colonne 1
        If DataGridView1.Rows(ligne).Cells(colonne + 1).Value = "+" Then
 
            'On vient mettre un "-" dans la colonne 1, et on change l'image dans la colonne 0 en "moinss"
            DataGridView1.Rows(ligne).Cells(colonne + 1).Value = "-"
            DataGridView1.Rows(ligne).Cells(colonne).Value = My.Resources.moinss
 
            'On affiche alors les lignes cachées
            For i = ligne + 1 To maxlignes - 1
 
                If DataGridView1.Rows(i).Cells(colonne + 1).Value = "" Then
 
                    DataGridView1.Rows(i).Visible = True
 
                End If
 
                If DataGridView1.Rows(i).Cells(colonne + 1).Value = "+" Then
 
                    i = maxlignes - 1
 
                End If
 
            Next i
 
 
'Même chose pour l'image/indice "-"
 
        ElseIf DataGridView1.Rows(ligne).Cells(colonne + 1).Value = "-" Then
 
            DataGridView1.Rows(ligne).Cells(colonne + 1).Value = "+"
            DataGridView1.Rows(ligne).Cells(colonne).Value = My.Resources.pluss
 
            For i = ligne + 1 To maxlignes - 1
 
                If DataGridView1.Rows(i).Cells(colonne + 1).Value = "" Then
 
                    DataGridView1.Rows(i).Visible = False
 
                End If
 
                If DataGridView1.Rows(i).Cells(colonne + 1).Value = "-" Then
 
                    i = maxlignes - 1
 
                End If
 
            Next i
 
        End If
 
    End Sub

Voilà le rendu graphique,

http://img210.imageshack.us/img210/3509/plop.png

et bonne chance, et merci à ceux qui ont répondu (graffito, je crois d'ailleurs que c'est plus ou moins ce que tu me proposais de faire, bien que je l'ai trouvé par moi-même ce qui procure un plaisir incomensurabble)

06/04/2010, 13h58
blade159

penses au bouton :resolu:
06/04/2010, 14h54
methylene

C'est fait :)