GridView plusieurs image dans une même cellules

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:

---

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:

---

1 2 3

this.GridViewEtatsAvaloirs.DataSource = recupEtatAval(); this.DataBind();

---

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:

---

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:

---

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:

---

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; }

---