New to Kendo UI for jQuery? Download free 30-day trial

Editing Complex Objects in Grid Is Broken in 2017.3.913

Environment

Product Progress® Kendo UI® Grid for jQuery
Product Version 2017.3.913

Description

After I upgraded Kendo UI to the R3 2017 (2017.3.913 version) release, I am not able to edit complex objects and their nested properties in Batch (InCell) edit mode.

How can I edit complex objects in the Grid and avoid the Uncaught TypeError: Cannot read property 'nestedFieldName' of undefined error in the R3 2017 release?

Suggested Workaround

Override the following private methods:

kendo.ui.Grid.fn._dirtyIndicatorTemplate = function(field, paramName) {
    if (field && paramName) {
        return "#= " + paramName + " && " + paramName + ".dirty && " +
            paramName + ".dirtyFields && " + paramName + ".dirtyFields['" + field + "'] ? '<span class=\"k-dirty\"></span>' : '' #";
    }

    return "";
}

   kendo.ui.Grid.fn._dirtyCellTemplate = function(field, paramName) {
    if (field && paramName) {
        return "#= " + paramName + " && " + paramName + ".dirty && " +
            paramName + ".dirtyFields && " + paramName + ".dirtyFields['" + field + "'] ? ' k-dirty-cell' : '' #";
    }

    return "";
}

For the complete implementation, refer to this Dojo example.

In this article