Modélisation avec des gridview

**trihanhcie** · 09/03/2010, 17h21

Bonjour,

J'aimerais bien modéliser la page HTML suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<table style="width: 100%;" border="0">
        <tr>
            <th>
            </th>
            <th>
            </th>
            <th colspan="12" style="background-color: Silver; color: White; font-weight: bold">
                Header1
            </th>
        </tr>
        <tr style="background-color: Silver; color: White; font-weight: bold">
            <th rowspan="2">
               Name
            </th>
            <th rowspan="2">
               date             </th>
            <th colspan="4">
                period1
            </th>
            <th colspan="4">
                period2
            </th>
            <th colspan="4">
                period3
            </th>
        </tr>
        <tr>
            <th style="background-color: Silver; color: White; font-weight: bold">
               imagPeriod1
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
               imag2Period1
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                             imag3Period1
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag2Period2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag3Period2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod3
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag2Period3
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod3
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
        </tr>
        <tr style="background-color: #CCECFF;">
            <td>
                bablala
            </td>
            <td>
                <img src="../Images/statusOK.png" />
              07/03/2010            </td>
            <td>
                1
            </td>
            <td>
                2
            </td>
            <td>
                3
            </td>
            <td>
                6
            </td>
            <td>
                400
            </td>
            <td>
                500
            </td>
            <td>
                600
            </td>
            <td>
                1500
            </td>
            <td>
                1
            </td>
            <td>
               2
            </td>
            <td>
               3            </td>
            <td>
                6
            </td>
        </tr>

Comment modéliser cela avec une gridview si possible pour que les headers correspondent? on doit s'arranger avec "les headertemplate"?

**trihanhcie** · 10/03/2010, 10h52

Bonjour,

J'ai déclaré une gridview comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<asp:GridView runat="server" ID="gvName" AutoGenerateColumns="False" CssClass="gvName">
    <RowStyle BackColor="#CCECFF" />
    <AlternatingRowStyle BackColor="#F1F1F1" />
 
    <RowStyle HorizontalAlign="Center" />
    <Columns>
    <asp:TemplateField >
 
    </asp:TemplateField>
 
        <asp:BoundField DataField="Name" HeaderText="<%$ Resources:Resources, Name %>"
            HeaderStyle-Width="15%" />...
 
</Columns>

Ce qui est bizarre, c'est que le templatefield me rajoute automatiquement une colonne du coup tout mon tableau est décalé. Une idée de pourquoi?

**tortuegenie** · 10/03/2010, 11h16

Tu n'a qu'a mettre le templateField á visible = false

**trihanhcie** · 10/03/2010, 11h42

J'ai oubilé une partie du code :p donc en fait dans le templatefield, j'ai aussi dse headers (donc des <th> notamment). Je peux donc pas le mettre à false :p

**tomlev** · 10/03/2010, 12h01

Envoyé par trihanhcie

Ce qui est bizarre, c'est que le templatefield me rajoute automatiquement une colonne du coup tout mon tableau est décalé. Une idée de pourquoi?

Ben ça n'a rien de bizarre... un field (TemplateField, BoundField ou autre) correspond à une colonne, donc si tu en rajoutes un, ça rajoute une colonne. Le GridView a fait exactement ce que tu lui as demandé (c'est souvent le problème avec les ordinateurs

)

De toutes façons, ton TemplateField ne sert à rien puisque tu ne mets rien dedans...

EDIT: j'avais pas vu le dernier message...

Envoyé par trihanhcie

J'ai oubilé une partie du code :p donc en fait dans le templatefield, j'ai aussi dse headers (donc des <th> notamment). Je peux donc pas le mettre à false :p

C'est des en-têtes de ligne ou de colonne que tu veux ? si c'est des en-têtes de ligne, c'est normal que ça décale tout, non ? Et si c'est des en-têtes de colonne, c'est pas un TemplateField qu'il faut utiliser... regarde plutôt du côté de la propriété HeaderStyle du GridView

**trihanhcie** · 10/03/2010, 12h32

En fait, comme je disais plus haut, je voudrais l'équivalent du code HTML suivant avec une gridview

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<tr>
            <th>
            </th>
            <th>
            </th>
            <th colspan="12" style="background-color: Silver; color: White; font-weight: bold">
                Periode
            </th>
        </tr>
        <tr style="background-color: Silver; color: White; font-weight: bold">
            <th rowspan="2">
               Nom            </th>
            <th rowspan="2">
               date             </th>
            <th colspan="4">
                period1
            </th>
            <th colspan="4">
                period2
            </th>
            <th colspan="4">
                period3
            </th>
        </tr>
<tr>
            <th style="background-color: Silver; color: White; font-weight: bold">
               imagPeriod1
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
               imag2Period1
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                             imag3Period1
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag2Period2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag3Period2
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod3
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imag2Period3
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                               imagPeriod3
 
            </th>
            <th style="background-color: Silver; color: White; font-weight: bold">
                Total
            </th>
        </tr>

ou quelque chose de mieux si vous voulez ^^
Il y aurait une ligne avec "juste" un en tete "Periode" en header
Une en ligne avec des header Nom et DAte puis un groupement de "periode"
Sur la 3e ligne de header (avec un rowspan=2 pour les 2 premieres lignes) puis 3 colonnes par groupement de période

et ensuite la gridview

**cybermaxs** · 10/03/2010, 13h00

Salut,

petit problème, le gridview ne gère pas les éléments th pour l'entête. Pour lui, HeaderRow est simplement une ligne tr comme les autres...

Pourquoi as tu besoin des élements th ?

**trihanhcie** · 10/03/2010, 14h16

heu bah c'était comme ca, j'avais fait ce tableau en html pour une maquette, ca m'a paru logique de mettre un th pour les header. peu importe pour moi si ce sont des th ou td :p

Le gridview te génère th pour tes header il me semble :/

Modélisation avec des gridview

ASP.NET

Discussions similaires

Partager

Partager