Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

Adding click event to rows in a DataGrid

1.07/5 (11 votes)
16 Jul 2006CPOL 2  
A simple way to select a DataGrid row by clicking it.

Introduction

I spent some time trying to find a way to simulate FullRowSelect on a DataGrid, and couldn't really see any obvious way of doing it (all the solutions I tried were pretty complicated, and crashed half of the time), but after a while, it hit me that you could use JavaScript. All you need to do is:

C#
protected void nameOfGridView View_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes.Add("onmouseover", "this.style.cursor='hand'");
        e.Row.Attributes.Add("onclick", "javascript:__doPostBack" +
           "('nameOfGridView '"
           + ", 'Select$" + e.Row.RowIndex + "')");
    }
}

Just add this method to the RowDataBound Delegate for your DataGrid, and replace nameOfGridView with the name of your GridView. That's all, easy!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)