How to make click event for button field in grid view asp.net

Question

I have dynamically created GridView in my .aspx from codebehind. I inserted a sql table in that GridView. Then I added one more button filed column. Here is the code:

ButtonField bf = new ButtonField();
bf.Text = "Details";
bf.ButtonType = ButtonType.Button;

DataTable table = new DataTable();
table.Load(reader);
GridView gv = new GridView();
gv.Columns.Add(bf);
gv.DataSource = table;
gv.DataBind();

Now I want to add a MouseClickEvent on this ButtonField, but there is no property Click or MouseClick. Is there any way to do this?

KyleMit · Accepted Answer · 2014-01-06 15:31:17Z

5

For a ButtonField inside GridView you specify CommandName:

bf.CommandName = "MyCommand";

And access it like:

void gv_RowCommand(Object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "MyCommand")
    {
    }
}

You may find it useful: ButtonField.CommandName Property.

edited Jan 6, 2014 at 15:31

KyleMit♦

31.4k74 gold badges517 silver badges712 bronze badges

answered Sep 14, 2013 at 20:45

afzalulh

7,9432 gold badges28 silver badges37 bronze badges

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

Comments

KyleMit · Accepted Answer · 2014-01-06 15:30:31Z

2

When it comes to gridviews that each row have an action (like edit button, or details), I personally like to do the following:

Have a hidden button right after the GridView, this button has an onclick event (let's say OnDetailsButtonClick). So this button is the one that will be making the submission.
Create a Hidden Field that will be filled when an action from a row is clicked, so that the server side code will pick up which rowId that the action was performed on
Make every button in the gridview to have OnClientClick (lets say the javascript function called goToDetails(entityId)) so the javascript function will look like:

function goToDetails(entityId){
    $("#HiddenEntityId").val(entityId);
    $("#Button").click()
}

from the code behind you can get the row/Entity ID from the hidden field:

private void OnDetailsButton_Click(object sender, EventArgs e){
   string entityId = HiddenEntityId.Value;
   //now you can do whatever you like
}

edited Jan 6, 2014 at 15:30

KyleMit♦

31.4k74 gold badges517 silver badges712 bronze badges

answered Sep 14, 2013 at 15:10

Saad Alothman

3633 silver badges10 bronze badges

1 Comment

nicolascolman Over a year ago

How do you pass the entityId to the goToDetails function?

Josh Harris · Accepted Answer · 2015-09-15 14:28:24Z

0

You have to use 'Gridview.RowCommand' handle to enable custom script for a button in a ButtonField..

I.e.

1) add a 'CommandName' property to your buttonfield, this example assumes the CommandName = "Delete"

2)

    Protected Sub GridView1_buttonsclicked(sender As Object, e As GridViewCommandEventArgs) Handles GridView1.RowCommand

    If e.CommandName = "Delete" Then
        'Delete clicked with index of " + e.CommandArgument.ToString

        'Your code here, using the e.commandargument as the gridview index, then select column values using that index.

    End If

End Sub

answered Sep 15, 2015 at 14:28

Josh Harris

4464 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to make click event for button field in grid view asp.net

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related