Une image dans un GridView

Version imprimable

Salut tous le monde .
J'ai creé un GridView avec trois colons (Nom,prenom et image)
Es qu'il y a une méthode pour qu'on puisse charger l'image de chaque ligne de mon GridView.
j'ai essayé avec ce code mais ça marche pas .
voila mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
        DataTable dTable = new DataTable();
        DataRow dRow = null;
 
        dTable.Columns.Add("Nom");
        dTable.Columns.Add("Prenom");
        dTable.Columns.Add("Image", typeof(System.Web.UI.WebControls.Image));
 
        System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();
        img.ImageUrl = "http://www.developpez.net/forums/images/logo16.gif";
 
        dRow = dTable.NewRow();
 
        dRow["Image"] = img;
        dRow["Nom"] = "yyyyy";
        dRow["Prenom"] = "xxxxx";
        dTable.Rows.Add(dRow);
        dTable.AcceptChanges();
 
        GridView1.DataSource=dTable; 
        GridView1.DataBind();

Merci

Bonjour,
Je pense qu’il est mieux de donner le chemin de l'image comme argument que l'image elle même car ceci augmente la taille de la "DataTable" dans la mémoire, ce qui dégrade la performance
et voici un code qui peut, peut être, résoudre votre pb :

Code Asp.Net :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Label ID="lblNom" runat="server" Text='<%#Eval("Nom") %>'></asp:Label>
                </ItemTemplate>
 
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Label ID="lblPrenom" runat="server" Text='<%#Eval("Prenom") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                     <asp:Image ID="imgClient" runat="server" ImageUrl='<%#Eval("ImgPath") %>'>
                    </asp:Image>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        </asp:GridView>

et puis Code C# :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
DataTable dTable = new DataTable();
        DataRow dRow = null;
 
        dTable.Columns.Add("Nom");
        dTable.Columns.Add("Prenom");
        dTable.Columns.Add("ImgPath");
 
        dRow = dTable.NewRow();
 
        dRow["ImgPath"] = "http://www.developpez.net/forums/images/logo16.gif"; ;
        dRow["Nom"] = "yyyyy";
        dRow["Prenom"] = "xxxxx";
 
        dTable.Rows.Add(dRow);
        dTable.AcceptChanges();
 
        GridView1.DataSource = dTable;
        GridView1.DataBind();

03/02/2009, 13h59
sitirna

Merci mon frère, ça marche.
J'ai remplacé l'objet Image par ImageButton.
Comment faire pour aller a un l'URL quand je click sur l'ImageButton ?
Merci
03/02/2009, 14h29
AJemni

pourrez vous me dire comment vous avez ajouter l’ ImageButton à la grille :D
03/02/2009, 14h45
stroumfs
Citation:

Envoyé par sitirna

Merci mon frère, ça marche.
J'ai remplacé l'objet Image par ImageButton.
Comment faire pour aller a un l'URL quand je click sur l'ImageButton ?
Merci

Pour pouvoir naviguer comme tu le souhaites tu peux toujours utiliser la propriété suivante que tu ajoute à ton imagebutton
Code:

1 2 CommandArgument="<%# Container.DataItemIndex %>"
Elle va te retourner le # de la ligne de ta grille. Par la suite tu peux aller chercher le gridviewRow à l'index spécifique et naviguer selon le besoin à la page désirée.
03/02/2009, 14h54
sitirna

Salem
Merci Mon frère et merci a vous tous

Pour ajouter un ImageButton il suffit de remplacer le mot "Image" par "ImageButton"
Code:

1 2 3 4 <asp:Image ID="imgClient" runat="server" ImageUrl='<%#Eval("ImgPath") %>'> </asp:Image>
ça devien
Code:

1 2 3 4 <asp:ImageButton ID="imgClient" runat="server" ImageUrl='<%#Eval("ImgPath") %>'> </asp:ImageButton>