Steps to Write GridView PostBack Events

This is an article about how to add events programmatically for GridView controls, for selection,deleting,sorting etc.

Introduction

I was playing with the GridView control and suddenly the question came up in my mind that how could I select a GridView control row while clicking on any area of the GridView control rather than depending on the Select button of the GridView control. Then I Googled for some time but could not find the exact solution. A lot of solutions were available for the selection of a row but I could not find a solution which when I clicked on the GridView, updates the DetailView automatically by grabbing the SelectionIndexChanged event. Following are the results of my search for a solution. Please let me know if this can be done by any other way.

Using the code

First, you need to bind the RowDataBound event to the GridView. Then in that event, write the following code.

In this code, the first line checks if the ItemIndex passed is proper. Then it adds the script for mouse over for the cursor to change to the Hand cursor. In the next line, it adds the postback client event by calling the GetPostBackClientEvent function with two arguments. The first argument contains the GridView object and the second argument contains a string that contains the event and the parameter. Like, if you want to call the SelectedIndexChange event, you need to pass the 'Select' as the event and the RowIndex to select as the parameter. You need to combine the text using $. So if you give 'Select$4' as the second argument, it calls the SelectedIndexChanged event for fourth row as SelectedRow.

Similarly, the following are the other parameters you can use for calling other events:

"Sort${ColumnName}" - Here {ColumnName} can be the DataField of the column you want to sort.

"Page${PageNumber}" - Here {PageNumber} is the page number you want to select.

"Delete${RowNumber}"- Here {RowNumber} is the row number you want to delete.

"Edit${RowNumber}" - Here {RowNumber} is the row number you want to edit.

So you can write any postback client side event by passing the GridView name and the above listed parameter as said. So suppose if I want to change the page number by a control's OnClick event, I simple add a postback reference to the OnClick event of that control like so: e.Row.Attributes.Add("onclick", this.GetPostBackClientEvent({{GRIDVIEWOBJECT} ,"Delete$" + e.Row.RowIndex.ToString()));. The above code simply writes a postback client event's JavaScript on the "OnClick" event of that control. When we click on the control, it calls the delete functionality of the DataGrid.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

Hi,
I saw your post.it is very nice and i tried that code but i had a problem while running that code.I want to put sorting event for dynamic gridview. I have nearly 10 dynamic gridviews in my page.I added the above code.The cursor style is changed to hand but while clicking on any gridview all the page content is lost.why? what is the problem? pls give me the solution.

Hello, I would like to disable the onclick event from occuring on a row after the user clicks the edit button and is trying to edit a boundcolumn. I was able to disable the onclick event from occuring when the user clicked the edit button by adding an additional onclick attribute to the cell containing the edit button: event.cancelBubble=true;. However, I tried using the OnRowEditing command and adding this same onclick attribute to the row being edited but have been unsuccessful thus far. Any ideas?

when i click the edit button, rowdatabound event is not executed; rowediting is executed. once you are in edit mode, the onclick event will still occur due to the underlying onclick event for that cell. so i need to disable the the onclick event from occuring when rowediting is occuring.

Hi,
Some one please help me to this in a Grid View, when in edit mode.
I'm trying to use a calendar(javascript) in my edit item template.
But when the edit event is fired i'm getting the object as null.
Kindly help.
My code is shown below.

Hi! i want on clicking any row of grid view, the form should post back & on server side a specific method get executed. just like on clicking on a button, form is post back & button's click method is called on server side. please help me

I have just posted one great control. When it is available will let you know on this thread or search it on code project after 10 to 15 days. That is ZatakTextBox. I am sure you like it.http://maniish.wordpress.com[^]

I have been using this method to select a gridview row with a gridview that was added to my page at design time. I had to change to adding the gridview control dynamically at runtime and adding it to a placeholder control. The control is built and bound before page_load event fires, but is added to the page upon page_load. Now, when running this code, I get a "object reference not set to an instace of an object" error. I changed my code to this:

Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentException: Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentException: Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.]
System.Web.UI.ClientScriptManager.ValidateEvent(String uniqueId, String argument) +358
System.Web.UI.Control.ValidateEvent(String uniqueID, String eventArgument) +108
System.Web.UI.WebControls.GridView.RaisePostBackEvent(String eventArgument) +29
System.Web.UI.WebControls.GridView.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +7
System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +11
System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +172