"Use Nested Chart" example

[Andrew]

I found the "How-To" guide "Use Nested Chart" very helpful for showing how to use kendo widgets inside one or more grid cells.

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/use-nested-chart

 

I would like to propose adding a note regarding how to cleanup these widgets if the data source changes. Since the "dataBound" event is fired each time the grid is refreshed, the charts are correctly updated. However, previous chart components are not destroyed, potentially leaking data. You can see this behavior by running the example in the dojo. If you put a breakpoint in the kendo chart's destroy() method and then change pages, the breakpoint is not hit.

The solution that I came up with is to also hook the "dataBinding" event and call kendo.destroy() if the action is a "rebind".

dataBinding: function(e) {
    if (e.action === 'rebind') {
        kendo.destroy(e.sender.table.find('tr'));
    }
}

[Iliana Dyankova]

Hi Andrew,

Thank you for the suggestion - I forwarded it to the team for further discussion.

Regards,
Iliana Nikolova
Telerik