將gridview導出爲ex​​cel時刪除圖像

Question

我有一個具有加/減圖像的父網格視圖，可以展開父網格視圖以查看嵌套的網格視圖。

的問題我已經是當我出口網格視圖練成加的圖像/減顯示在Excel中的空白圖像文件

有沒有什麼辦法來清除或加/減圖像從Excel中刪除文件

導出代碼

protected void btnExportExcel_Click(object sender, ImageClickEventArgs e) 
{ 

    GridSales.DataSource = q.Salesdetails(); 
    GridSales.DataBind(); 
    System.Web.HttpContext curContext = System.Web.HttpContext.Current; 
    System.IO.StringWriter strWriter = null; 
    System.Web.UI.HtmlTextWriter htmlWriter = null; 
    curContext.Response.Clear(); 
    curContext.Response.Buffer = true; 
    curContext.Response.AddHeader("content-disposition", "attachment; filename=" + System.Web.HttpUtility.UrlEncode("SalesReport", System.Text.Encoding.UTF8) + ".xls"); 
    curContext.Response.ContentType = "application/vnd.ms-excel"; 
    curContext.Response.Write("<meta http-equiv=Content-Type content=text/html;charset=UTF-8>"); 
    strWriter = new System.IO.StringWriter(); 
    htmlWriter = new System.Web.UI.HtmlTextWriter(strWriter); 
    this.ClearControls(GridSales); 
    GridSales.RenderControl(htmlWriter); 
    curContext.Response.Write(strWriter.ToString()); 
    curContext.Response.End(); 
} 

.aspx的代碼

<asp:GridView ID="GridSales" runat="server" CssClass="table table-bordered"> 
      <Columns> 
       <asp:TemplateField HeaderText="Preview"> 
        <ItemTemplate> 
         <img alt="" style="cursor: pointer" src="../Images/plus.png" /> 
         <asp:Panel ID="pnlproducts" runat="server" Style="display: none"> 
          <asp:GridView ID="gvProducts" runat="server" CssClass="table table-bordered"> 
           <Columns> 
           </Columns> 
          </asp:GridView> 
         </asp:Panel> 
        </ItemTemplate> 
       </asp:TemplateField> 
      </Columns> 
</asp:GridView> 

JavaScript代碼

<script type="text/javascript"> 
$("[src*=plus]").live("click", function() { 
    $(this).closest("tr").after("<tr><td></td><td colspan = '9'>" + $(this).next().html() + "</td></tr>") 
    $(this).attr("src", "../Images/minus.png"); 
}); 
$("[src*=minus]").live("click", function() { 
    $(this).attr("src", "../Images/plus.png"); 
    $(this).closest("tr").next().remove(); 
}); 

Answer 1

如果通過Image WebControl的更換img元素：

<ItemTemplate> 
    <asp:Image ID="imgPlus" runat="server" AlternateText="" ImageUrl="../Images/plus.png" style="cursor: pointer" /> 
    <asp:Panel ID="pnlproducts" runat="server" Style="display: none"> 
     <asp:GridView ID="gvProducts" runat="server" CssClass="table table-bordered"> 
      <Columns> 
      </Columns> 
     </asp:GridView> 
    </asp:Panel> 
</ItemTemplate> 

可以這樣做：

foreach (GridViewRow row in GridSales.Rows) 
{ 
    foreach (TableCell cell in row.Cells) 
    { 
     for (int i = cell.Controls.Count - 1; i >= 0; i--) 
     { 
      if (cell.Controls[i] is Image) 
      { 
       Image img = cell.Controls[i] as Image; 

       // In case you have other images that you want to keep 
       if (img.ID == "imgPlus") 
       { 
        cell.Controls.RemoveAt(i); 
       } 
      } 
     } 
    } 
}