在asp.net中显示一个带有href值的gridview列中的图像图标

我有一个gridview列，其中有一列指向文件服务器上的pdf文件。我需要在旁边有另一列，显示pdf图标。用户应该能够点击图标并从文件服务器启动文件。在asp.net中显示一个带有href值的gridview列中的图像图标

我的代码是：

<asp:GridView ID="gvInvoices" AutoGenerateColumns="false" runat="server" Font-Names="Arial" Font-Size="Small" Width="50%"> 
         <Columns> 
          <asp:TemplateField HeaderText="File Type"> 
           <ItemTemplate><img runat="server" src="Images/img_Pdf.gif" id="imgFileType" /></ItemTemplate> 
          </asp:TemplateField> 
          <asp:TemplateField HeaderText="Name"> 
           <ItemTemplate><%#Eval("InvoiceNumber")%></ItemTemplate> 
          </asp:TemplateField> 
         </Columns> 
         </asp:GridView>

我如何添加一个 “NavugateURL” 或HREF = “” 到IMG？

来源

2011-08-10 Frank

而不是使用HTML img控件，请尝试使用ASP.Net服务器控件。一个很好的选择将是超链接控件：

相反的：

<img runat="server" src="Images/img_Pdf.gif" id="imgFileType" />

用途：

<asp:HyperLink ID="imgFileType" ImageUrl="Images/img_Pdf.gif" NavigateUrl="" runat="server">HyperLink</asp:HyperLink>

只需设置你的NavigateUrl属性。

来源

2011-08-10 23:25:16

+为简单起见 –

您需要将您的图标环绕锚标记，并使用DataBinding表达式Eval设置锚标记的href。这假定您的数据源字段“PDFPath”是绝对路径。

<asp:GridView ID="gvInvoices" AutoGenerateColumns="false" runat="server" Font-Names="Arial" Font-Size="Small" Width="50%"> 
          <Columns> 
           <asp:TemplateField HeaderText="File Type"> 
            <ItemTemplate><a href='<%#Eval("PDFPath")%>'> <img runat="server" src="Images/img_Pdf.gif" id="imgFileType" /></a></ItemTemplate> 
           </asp:TemplateField> 
           <asp:TemplateField HeaderText="Name"> 
            <ItemTemplate><%#Eval("InvoiceNumber")%></ItemTemplate> 
           </asp:TemplateField> 
          </Columns> 
          </asp:GridView>

来源

2011-08-10 23:05:49 Akhil

不起作用。该图标显示为超链接文本值旁边的实心图标。 – Frank

的RowDataBind事件看你的图像控制内，并设置其NavigateUrl属性

protected void gvInvoices_RowDataBound(object Sender , GridViewRowEventArgs e) 
{ 
     if(e.Row.RowType==DataRow) 
     { 
      HtmlControl icon = e.Row.FindControl("imgFileType") as HtmlControl; 
      icon.NavigateUrl = ((MyDataType)e.Row.DataRow).PDFPath; 
     } 
}

注意它是自由手写所以你会发现，你应该修正一些语法错误

来源

2011-08-10 23:16:17

在asp.net中显示一个带有href值的gridview列中的图像图标

回答

相关问题