kendo grid edit row

[mudupalli]

I am using kendo grid for edit, cancel, delete a row. I have my search box to filter rows on the kendo grid. Once rows are filtered, say to 4, clicking on edit for row 2, throws error in developer tools.
args.rowIndex is showing 60, instead of 1, so var dataItem is undefined and formGroups is also undefined.
Error says Cannot read property 'value' of undefined at line dataItem = formGroup.value;
I am using @progress/kendo-angular-grid": "^3.5.0
Please let me know how to fix this?

GridComponent.prototype.emitCRUDEvent = function (args) {
var action = args.action, rowIndex = args.rowIndex, formGroup = args.formGroup;
var dataItem = this.view.at(rowIndex - this.skip);
if (action !== 'add' && !dataItem) {
dataItem = formGroup.value;
}

[tsvetomir]

This issue tracker is for reporting bugs with the components. Please, file a support ticket for assistance with your scenario.

this is a bug, same as #1752

[ironicicon]

HI @mudupalli was your issue/ticket resolved? I am having a similar issue in my side as well. version : 3.6.1

[mudupalli]

Yes, I had to apply filters to individual columns.
public onInput(filterText) {
this.onStateChange({...this.gridState, filter: {
logic: 'and',
filters: [{
field: 'ProductName',
operator: 'contains',
value: filterText
}, {
field: 'UnitPrice',
operator: 'gte',
value: +numericInput // convert the input string value to number unless you are using for example a NumericTextbox component instead of a regular input
}]
}})
}