Data Validation

The Data Grid component allows you to validate the data being edited. In order to achieve this, render custom editor components using the Grid cells.edit property and this allows you to show an error message when the chosen data does not match your defined validation conditions.

The below demo demonstrates a possible approach that can be used to validate Grid's data. The onItemChange event handler which fires on every onChange of the EditCell gets the data being edited and validates it. In addition, the enterInsert function checks the validity of the data added by the user.

View Source
Change Theme:

In this article

Not finding the help you need?