Add click to imagebutton inside gridview dynamically

Question

I tried to fire the event click for an ImageButton from the footer of a gridview but I it didn't fire, I will appreciate any help, thanks in advance, here is the code

protected void grvBubDetails_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.Footer)
    {
         ImageButton imgbtnSendMail = new ImageButton();
         //ImageButton imgEdit = new ImageButton();
         imgbtnSendMail.ImageUrl = "~/Images/mail01.png";
         imgbtnSendMail.AlternateText = "Edit";
         imgbtnSendMail.ToolTip = "for send mail press here";
         imgbtnSendMail.Width = imgbtnSendMail.Height = 20;
         //imgbtnSendMail.CommandName = "sendMail";
         //imgbtnSendMail.CommandArgument = "somevalue";
         imgbtnSendMail.Click += new ImageClickEventHandler(imgbtnSendMail_Click);
         //imgbtnSendMail.Attributes["runat"] = "server";
         //imgbtnSendMail.Attributes["onclick"] = "imgbtnSendMail_Click";
         e.Row.Cells[6].Controls.Add(imgbtnSendMail);
    }
}
protected void imgbtnSendMail_Click(object sender, ImageClickEventArgs e)
{
        string Text = "Image clicked";
}

Kenan Kocaerkek · Accepted Answer · 2017-09-13 11:33:16Z

2

update grvBubDetails_RowDataBound event like this;

ImageButton imgbtnSendMail = new ImageButton();
imgbtnSendMail.CommadName = "cmdSendMail"; // add this line
imgbtnSendMail.CommadArgument = "also you can pass a parameter from here";

Add RowCommand event to grid view. Do this in RowCommand event handler function;

if(e.CommandName.equals("cmdSendMail")){
    string Text = "Image clicked";
    string argument = e.CommandArgument;
}

Update:

Grid view's RowCommand event fired after PageLoad event. Your button removed after every page reload, and has not recreated because rowDatabound event does not fire.

working code:

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            List<string> list = new List<string>()
            {
                "item 1",
                "item 2",
                "item 3"
            };
            GridView1.DataSource = list;
            GridView1.DataBind();
        }

        // make sure outside of !IsPostback
        // recreate button every page load
        Button btn = new Button();
        btn.CommandName = "cmdSendMail";
        btn.CommandArgument = "sample arg";
        btn.Text = "send mail";
        GridView1.FooterRow.Cells[0].Controls.Add(btn);
    }

    protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        Response.Write(e.CommandName + new Random().Next().ToString());
    }
}

edited Sep 13, 2017 at 11:33

answered Apr 11, 2013 at 9:49

Kenan Kocaerkek

3293 silver badges9 bronze badges

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

7 Comments

Ramadan Shaker Mohammed Over a year ago

I also tried this, but it doesn't go inside grvBubDetails_RowCommand !!! Is that because it is a footer??

Ramadan Shaker Mohammed Over a year ago

I did similar code before with a Button but with ImageButton I don't know why it doesn't work

Kenan Kocaerkek Over a year ago

Is EnableViewState true for page and grid view control? If you have databindig code in page load event, make sure it is in if(!IsPostBack) block.

Ramadan Shaker Mohammed Over a year ago

yes it is true, and I make bound for the grid inside if(!IsPostBack) block

Kenan Kocaerkek Over a year ago

Try adding same button inside Datarow. i am currently on a mac computer and i can not run .net code ...

|

Adil · Accepted Answer · 2013-04-11 09:40:09Z

0

You have to declare the ImageButton on global scope (class level)

ImageButton imgbtnSendMail = new ImageButton();
protected void grvBubDetails_RowDataBound(object sender, GridViewRowEventArgs e)
{
     if (e.Row.RowType == DataControlRowType.Footer)
     {

answered Apr 11, 2013 at 9:40

Adil

148k25 gold badges217 silver badges207 bronze badges

Collectives™ on Stack Overflow

Add click to imagebutton inside gridview dynamically

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related