{Header}
This example shows how to create an Editable Grid in which new empty rows are automatically added as you progressively enter information now new records. Usually, an editable grid has a set number of empty rows for adding new records. This example shows how the empty rows can be dynamically displayed as the user fills in information. JavaScript code is used to detect whenever new information is added to a field so that a new row can be displayed automatically.
Database: Intranet
Tables: departments, employees
The editable grid’s Before Show Row event is used to fill the id, name and style attributes of the <TR> tag depending on whether the row is empty or filled.
For .NET
The editable grid's Before Show event is used to create the element array.
The editable grid's Before Show Row event is used to fill the style attributes of the
The editable grid’s Before Execute Delete event is used to update the related employees table to set the value of the 'department_id' field to NULL if a department is deleted.