One grid controlling another grid

[Jeff]

I have a grid with a change event, that runs a function that builds another grid. My problem is, each time that second grid is loaded, its change event builds upon itself exponentially. 

 

I have re-created the issue in a fiddle here, https://jsfiddle.net/ctw5gh1o/

Any thoughts? It's like the data itself is not dumping completely each time the function is referenced

[Jeff]

I'm on a role today with answering my own questions.. Within the function that refreshes the data, emptying the div the grid goes into fixes it. 

 

$('#refresh').click(function(e) {
     $('#grid').empty();
     load_data();
});

[Preslav]

Hi Jeff,

Thank you for sharing the solution with the community. 

Another possible approach is invoking the Grid destroy method:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-destroy

Additionally, more information about destroying Kendo UI widgets is available in this article:

http://docs.telerik.com/kendo-ui/intro/widget-basics/destroy

Regards,
Preslav
Telerik by Progress