Asp GridView firing Click event on the entire row

Question

I have a GridView which has ID, Name and Type.

Code behind:

protected void gridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes["onclick"] = ClientScript.GetPostBackClientHyperlink(this.gridView, "Select$" + e.Row.RowIndex);
    }
}

public void gridView_Command(object sender, GridViewCommandEventArgs e)
{
   // some code here //
}

The GridView:

<asp:GridView ID="gridView" runat="server" OnRowCommand="gridView_Command" />
<columns>
    <asp:BoundField DataField="ID" />
    <asp:HyperLinkField DataTextField="Name" />
    <asp:BoundField DataField="Type" />
</columns>

The Name is click enabled because of the HyperlinkField. The problem here is I don't want the gridview_Command to be triggered if the row is clicked. I just want the Name field. For example, if the column of the Type is clicked, don't fire the gridView_Command.

I edited my question. It shouldn't be the gridView_RowDataBound. Sorry for the confusion. — Gerald
– Gerald, Commented Feb 22, 2014 at 16:29
Did you also mean to change OnRowDataBound to OnRowCommand? — Michael Liu
– Michael Liu, Commented Feb 22, 2014 at 16:35

NightOwl888 · Accepted Answer · 2014-02-22 17:19:33Z

1

It is not that clear what you are trying to achieve, but if I understand correctly there are a few things you need to change.

You need to wrap your columns inside of the <asp:Gridview> tag.
You need to hook up your RowDataBound event.
You need to create a template column so you can use the CommandName parameter.
You need to filter for the CommandName parameter in your event to only respond to the click from the control you want.

<asp:GridView ID="gridView" runat="server" OnRowDataBound="gridView_RowDataBound" OnRowCommand="gridView_Command" AutoGenerateColumns="false" > <columns> <asp:BoundField DataField="ID" /> <asp:TemplateField> <ItemTemplate> <asp:LinkButton ID="lb1" runat="server" Text='<%# Eval("Name") %>' CommandName="NameButton" CommandArgument='<%# Eval("ID") %>' /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Type" /> </columns> </asp:GridView>

public void gridView_Command(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "NameButton")
    {
        var id = e.CommandArgument;

        // some code here //
    }
}

Using this example, you can respond to the event of a click on the "NameButton" only.

answered Feb 22, 2014 at 17:19

NightOwl888

57.1k28 gold badges148 silver badges222 bronze badges

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

1 Comment

Gerald Over a year ago

The first item in the things I needed to change is only a typo error. But this did the thing that I wanted. Thanks!

Collectives™ on Stack Overflow

Asp GridView firing Click event on the entire row

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related