Discussion :

[ElSpopo]

Bonjour,

j'essaye de mettre en forme des données dans un gridView et je bloque un peu sur la façon de faire ce que je veux :

j'ai une table qui représente les états d'un objet à différente date:

num_objet|etat|date

je récupère ça dans un dataset ordonné par numéro d'objet. Je voudrais, a partir de là générer un tableau qui contiendrait une ligne par objet (num_objet donc)

la première colonne contiendrait le numéro et la deuxième colonne, une image pour chaque état avec la date en dessous de l'image (donc autant d'images qu'un objet à eu d'états).

J'ai déjà réussis a afficher des images dans un gridview, mais ce qui me pose probléme ici, c'est d'en mettre plusieurs dans un seule ligne sachant que dans mon dataset ça correspond à plusieurs lignes.

Auriez vous des suggestion sur la marche à suivre?




Actuellement, je génére une ligne par ligne de ma table :

Code asp :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<asp:GridView runat="server" ID="GridViewEtatsAvaloirs" AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField DataField="NUM" SortExpression="NUM" Visible="true" HeaderText="Numero" />
                <asp:TemplateField HeaderText="Etat"  >
                    <ItemTemplate>
                        <asp:Image ID="imageEtat" runat="server" ImageURL='<%# GetImageEtat((String)Eval("etat")) %>' Height="50px" Width="50px"/>
                        <asp:Label ID="labelDate" runat="server" Text='<%# ((DateTime)Eval("DTINTER")).ToString() %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
 
            </Columns>
        </asp:GridView>

Code C# :

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

1
2
3
 
        this.GridViewEtatsAvaloirs.DataSource = recupEtatAval();
        this.DataBind();

[ElSpopo]

Ne trouvant pas de solution via le binding du gridview, j'ai générer le code html dans la code behind C#.

ça marche mais je me demande s'il n'y avais pas une solution plus propre.

requete SQL modifiée pour concaténer les états et dates :

Code sql :

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

1
2
 
select num, listagg(concat(concat(etat ,'-'),dtinter),'|') within Group (order by dtinter)"etats" from t_da_etat_avaloir group by num;

le gridview

Code asp :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 <asp:GridView runat="server" ID="GridViewEtatsParAvaloir" AutoGenerateColumns="false">
            <Columns>
                <asp:BoundField DataField="NUM" SortExpression="NUM" Visible="true" HeaderText="Numero de l'avaloir" />
                <asp:TemplateField HeaderText="Etats"  >
                    <ItemTemplate>
                        <%# GetImagesEtatetDates((String)Eval("etats")) %>
                    </ItemTemplate>
                </asp:TemplateField>
 
            </Columns>
        </asp:GridView>

la fonction getImageEtatetDate qui génére un sous tableau de tous les états de mon objet :

Code C# :

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
 
 
public static string GetImagesEtatetDates(String value)
    {
        String[] etatsDates = value.Replace(" ", "").Split('|');
        String res = "<table><tr>";
        String ligneBas="";
        foreach (String etatDate in etatsDates)
        {
            String[] tabEtaDate = etatDate.Split('-');
            if (tabEtaDate.Length == 2)
            {
                res += "<td><img Height=\"50px\" Width=\"50px\" src=\"";
                if (tabEtaDate[0].Contains("v"))
                {
                    res += "../IMG/cercleblanc.png";
                }
                else if (tabEtaDate[0].Contains("d"))
                {
                    res += "../IMG/cercleMarronclair.png";
                }
                else if (tabEtaDate[0].Contains("p"))
                {
                    res += "../IMG/cercleMarron.png";
                }
                else if (tabEtaDate[0].Contains("b"))
                {
                    res += "../IMG/cercleMarronfonce.png";
                }
                else
                {
                    res += "../IMG/cercleinconnu.png";
                }
                res += "\" /></td>";
                ligneBas += "<td>" + tabEtaDate[1] + "</td>";
            }
        }
        res += "</tr><tr>" + ligneBas + "</tr></table>";
        return res;
    }