在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列中的圖像圖標

回答

相關問題