GridView with Hyperlink column

Question

I have this GridView in my page:

    <asp:GridView ID="GridView2" runat="server" DataSourceID="SqlDataSource2" 
        AllowPaging="True" PageSize="20" CellPadding="4" ForeColor="#333333" GridLines="None">
        <AlternatingRowStyle BackColor="White" />
        <EditRowStyle BackColor="#2461BF" />
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#EFF3FB" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <SortedAscendingCellStyle BackColor="#F5F7FB" />
        <SortedAscendingHeaderStyle BackColor="#6D95E1" />
        <SortedDescendingCellStyle BackColor="#E9EBEF" />
        <SortedDescendingHeaderStyle BackColor="#4870BE" />

    </asp:GridView>

And this is the SqlDataSource:

<asp:SqlDataSource ID="SqlDataSource2" runat="server" 
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
                    ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" 
                    SelectCommand="SELECT country AS Country,count(country) As Count FROM  client GROUP by country ORDER BY count(country) DESC;" ></asp:SqlDataSource>

And i want that the name will be hyper link to somethis like this:

/Details.aspx?country=countryname

How i can implement it?

Karl Anderson · Accepted Answer · 2013-10-23 21:13:48Z

4

Use a <TemplateField> with a HyperLink control in it, like this:

<asp:GridView ...>
    <Columns>
        <asp:TemplateField HeaderText="">
            <ItemTemplate>
                <asp:HyperLink runat="server" ID="HyperLink1" 
                    NavigateUrl='<%# "Details.aspx?country=" + Eval("Country")%>' 
                    Text='Details'>
                </asp:HyperLink>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

answered Oct 23, 2013 at 21:13

Karl Anderson

34.9k12 gold badges69 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Phuong Nghiem Minh · Accepted Answer · 2013-10-24 05:16:58Z

0

           <asp:HyperLink runat="server" ID="HyperLink1" 
               NavigateUrl='<%# "/Details.aspx?country=" + Eval("Country")%>' 
               Text='Details'>
           </asp:HyperLink>

answered Oct 24, 2013 at 5:16

Phuong Nghiem Minh

1

Collectives™ on Stack Overflow

GridView with Hyperlink column

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related