Text change event during inline editing

[Miljan]

I have a request to make dynamic validation during typing the text in the grid cell and highlight the cell green when input is valid and red when not valid according to validation rules. Is there a way to do so with Kendo grid?

[Georgi Denchev]

Hello, Miljan,

You can utilize the edit event of the Grid and obtain a reference to the built-in validator of the Grid. Then you can attach an input event to the row inputs and trigger the validate() method anytime you type something. If the Grid validation fails, the error message will appear(without you having to click outside).

              	edit: function(e) {
                  let validator = e.sender.editable.validatable;
                  e.container.find("input").on("input", function(ev) {
                    validator.validate();
                  });
                }

Dojo example:

https://dojo.telerik.com/@gdenchev/UpObaZAg 

The ProductName, UnitPrice and UnitsInStock columns are all required. If you delete the content of the input, the error will be displayed immediately.

Best Regards,
Georgi Denchev
Progress Telerik