lien dynamique dans champ gridview

**dev31** · 06/07/2011, 16h43

Bonjour à tous,

Je souhaite mettre un lien vers une page dans un gridview qui s'adapte en fonction de la ligne. Par exemple pour le numéro 42, mon lien sera "page42.html".

Actuellement, je travaille dans :

Code :

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

Sub GVCmd_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs)

J'ai mis un buttonfield et donc je voudrais que lorsque l'on clique sur l'image d'une ligne, on exécute le lien.

j'ai tenté d'utiliser un hyperlink :

Code :

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

1
2
3
 Dim hl As HyperLink = Nothing
hl.NavigateUrl = "page" & e.Row.DataItem("num") & ".html"
e.Row.DataItem("lien") = hl

mais j'ai cette erreur :

La référence d'objet n'est pas définie à une instance d'un objet.

Est-ce possible de relier l'hyperlink au buttonfield , si oui comment ? sinon que faire ?

Pouvez vous m'aider svp, me dire quelles objets utiliser ?

Merci d'avance.

[edit : je précise que je n'utilise pas un hyperlinkfield parce que je voudrais avoir une image en lien et je n'ai pas vu que c'était possible avec...]

**DotNetMatt** · 06/07/2011, 17h16

Bonjour,

Pourquoi utiliser un ButtonField ?

Je te conseille plutôt d'utiliser un TemplateField, un peu comme ceci :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<asp:GridView ID="myGridview" runat="server" OnRowDataBound="myGridView_RowDataBound">
    <Columns>
        <asp:BoundField HeaderText="Col 1" DataField="value1" />
        <asp:BoundField HeaderText="Col 2" DataField="value2" />
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Label ID="lblMyLink" runat="server"></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Et dans le code behind:

Code C# :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
protected void myGridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        Label myGridViewLabel = e.Row.Cells[2].FindControl("lblMyLink") as Label;
 
        if (myGridViewLabel != null)
        {
            myGridViewLabel.Text = string.Format("<a href='/Page{0}.htm'>{1}</a>", e.Row.Cells[0].Text, "<img src='/Images/lienVersImage.jpg' alt='Cliquez ici' />");
        }
    }
}

On insère la valeur de la colonne "Col 1" dans le lien (pour le numéro de la page), et le l'image sur laquelle l'utilisateur pourra cliquer.

Je n'ai pas testé ce code donc il se peut qu'il y ait quelques ajustements à faire, mais la logique est là ;-)

**dev31** · 06/07/2011, 17h29

en fait oui, en réfléchissant un peu, je m'étais rabattu sur un template :p

ton code behind va m'aider

merci beaucoup !

**dev31** · 06/07/2011, 18h16

Mon code html est identique, et j'ai une erreur dans mon code behind que voici :

Code :

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

1
2
3
4
Dim lbl As Label = e.Row.FindControl("lien")
            Dim s As StringBuilder = New StringBuilder()
            s.Append("<a href='page" & e.Row.DataItem("num") & ".htm'>" & "<img src='img/img001.png' alt='Cliquez ici' /></a>")
            lbl.Text = s.ToString