StackOverflowException When Editing Items with Circular References in Grid for Blazor
Environment
| Product | Grid for Blazor, Gantt for Blazor, ListView for Blazor, Scheduler for Blazor TreeList for Blazor |
Description
I get a StackOverflowException when attempting to edit an item in the Grid for Blazor. The issue occurs when I have circular references in the data items.
Cause
The Telerik data-bound components that allow editing (for example Grid, ListView, TreeList, and more) create a copy of the original object when the user initiates editing.
The internal cloning algorithm uses reflection to loop through the object properties and copy them in the cloned object. When the model contains a self-referencing object property, the cloning logic loops again and again resulting in an infinite reflection loop and this causes the StackOverflowException exception.
Solution
To resolve the StackOverflowException, modify the data model to eliminate circular references. Replace object properties that reference other objects within the same model with primitive properties that store unique identifiers. This change prevents the infinite loop during the cloning process.
For example, instead of having a class with a property that references another object:
public class Employee
{
public int Id { get; set; }
public Employee Manager { get; set; }
}
Modify the class to include a primitive property that holds a unique identifier:
public class Employee
{
public int Id { get; set; }
public int ManagerId { get; set; }
}