Display personalized Image in GridView Hyperlink in ASP.Net

Hi comunidadmexi...,

You need to add another ImageBotton. Then add ImageButton click event handler which calls the server side code and delete your data from database.

Check below code.

HTML

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:TemplateField>
            <ItemTemplate>
                <asp:HyperLink ID="hlimg" runat="server"
                    ImageUrl="/img/download.jpg"
                    NavigateUrl='<%# (!String.IsNullOrEmpty(Eval("ppt").ToString()) ? String.Format(Eval("ppt").ToString()) : "") %>'
                    ToolTip='<%#(!String.IsNullOrEmpty(Eval("ppt").ToString()) ? "Download Powerpoint" : "No Powerpoint")%>'
                    Enabled='<%#(!String.IsNullOrEmpty(Eval("ppt").ToString()) ? true : false)%>'
                    OnClick="return confirm('Confirm ?');">                                
                </asp:HyperLink>
                <asp:ImageButton ID="lnkDelete" runat="server"
                    ImageUrl="/img/cross-button.jpg"
                    ToolTip='<%#(!String.IsNullOrEmpty(Eval("ppt").ToString()) ? "" : "Delete ppt")%>'
                    Enabled='<%#(String.IsNullOrEmpty(Eval("ppt").ToString()) ? true : false)%>'
                    OnClick="OnDelete"></asp:ImageButton>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        this.BindGrid();
    }
}

protected void BindGrid()
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[3]
    {
            new DataColumn("Id"),
            new DataColumn("Name"),
            new DataColumn("ppt")
    });
    dt.Rows.Add(1, "Test 1", "");
    dt.Rows.Add(2, "Test 2", "Yes");
    dt.Rows.Add(3, "Test 3", "Yes");
    dt.Rows.Add(4, "Test 4", "");
    GridView1.DataSource = dt;
    GridView1.DataBind();
}

protected void OnDelete(object sender, EventArgs e)
{
    ImageButton imgBtn = sender as ImageButton;
    GridViewRow row = imgBtn.NamingContainer as GridViewRow;

    // Write code to delete from database.
    BindGrid();
}