Creating event handlers for data grid

For the data grid component, you can create event handlers at a global level.

In order to write an event handler for the data grid, perform the following steps:

1. In the Design view, click on the Data Grid to select it.

2. Go to the Quick Edit View.

3. In the left frame of the Quick Edit View, select the event for which you want to write the handler. If you want an action to occur when the user clicks a row in the Data Grid, use onhighlight. If you have added a selection column to the Data Grid, use onselect/onunselect to define actions for when the user selects or deselects the check box or radio button.

4. In the right frame, either select an out-of-box event handler using the context menu, or enter in the JavaScript to write a custom event handler.

   Note: For the Data Grid, the out-of-box event handlers can only be used for the highlight, onselect, and onunselect events, or basically only for events fired on individual rows.