Javascript Row Events
Description
You can set JavaScript events in the JavaScript - Row Events properties section on the Grid Properties page. You can also set events using the JavaScript section of the Field Properties list on the Fields page.
This allows you to define JavaScript event handlers at both the control level and at the row level. The JavaScript can make an arbitrary Ajax callback to validate data, obtain new data, populate a select box, etc. This provides the capability to create cascading lookups. Some common uses for JavaScript Row Events include:
- Defining an 'onchange' event for a textbox control.
- Specifying an 'ondblclick' event for when a user double clicks on a row in the grid.
- Creating an 'onselect' event for a dropdown control to execute an Ajax callback to populate another control such as another dropdown.
- Delineating client side validation to execute when the user leaves a control by using the 'onblur' event.
- Laying out an event to make an Ajax callback to populate other fields based on an entered field value, such as filling in City and State after a zip code has been entered and the user leaves the field.
JavaScript - Row Events in Properties
JavaScript Event Handlers on the Fields Page
See Also