In this article I will be discussing how you can raise a server side event when a user selects a row in gridview. This is not the same event that gets raised when user selects a row for editing data. This is the same problem that I talked about in my previous article How to highlight gridview row when row is selected.

Row Click Event And Client Side Javascript

All the discussion from previous article How to highlight gridview row when row is selected applies here too. Its the same technique to handle click event.

Raising Server Side Event

<script language="javascript" type="text/javascript">
var gridViewCtlId = '<%=ctlGridView.ClientID%>';
function onGridViewRowSelected(rowIdx)
{
     __doPostBack(gridViewCtlId, rowIdx);
}

function __doPostBack(eventTarget, eventArgument) {
    var theform = document.form1;
 	theform.__EVENTTARGET.value = eventTarget;
 	theform.__EVENTARGUMENT.value = eventArgument;
 	theform.submit();
}
</script>							
							

Handling Server Side Event

protected void Page_Load(object sender, EventArgs e)
{
    getProducts();
    if (!IsPostBack)
    {
        bindGridView();
    }
    else
    {
        object obTarget = this.Request.Form["__EVENTTARGET"];
        object obArg = this.Request.Form["__EVENTARGUMENT"];
        if (null != obArg)
        {
            int rowIdx = Int32.Parse(obArg.ToString());
            OnRowSelected(rowIdx);
        }
    }
}							
							

You can download the sample project and play with it to see how this works.