Am I missing something?
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.714/styles/kendo.default.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.714/styles/kendo.default.mobile.min.css" /> <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> <script src="https://kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script></head><body><div id="example" ng-app="KendoDemos"> <div ng-controller="MyCtrl"> <!-- generate new data and update the datasource--> <button ng-click="generate()">Generate</button> <div kendo-tree-view="treeApi" k-data-text-field="'name'" k-data-source="datasource" k-load-on-demand="false"> </div> </div></div><script> angular.module("KendoDemos", [ "kendo.directives" ]) .controller("MyCtrl", function($scope) { $scope.datasource = new kendo.data.HierarchicalDataSource({ sort: { field: "name", dir: "asc" }, data: [], schema: { model: { id: 'id', children: 'items' } } }); $scope.generate = function() { var data = [{ id: 1, name: 'name', items: [{ id: 2, name: 'name', items: [{ id: 3, name: 'name', items: [{ id: 4, name: 'name', items: [] }] }] }, { id: 5, name: 'name', items: [{ id: 6, name: 'name', items: [{ id: 7, name: 'name', items: [] }] }] }] }]; $scope.datasource.data(data); }; $scope.generate(); });</script></body></html>Dojo: http://dojo.telerik.com/EyuwU/3
6 Answers, 1 is accepted
I could not catch a leak on the dojo provided. Would you please elaborate a little bit what exactly are you having in mind either by sending a video or the exact steps to observe the leak?
Regards,
Plamen
Telerik by Progress
Rank 1
Hello Plamen! Here I attach the allocation profile shown by Chrome's profiler. Each point in time corresponds to a 'Generate' click (i.e. the 'datasource' data is replaced). As you can see, not all memory is been properly deallocated. Hope this helps clarify the problem.
Thanks in advance.
Rank 1
Hi Plamen. Follow up.
According to the Chrome DevTools docs for the profiler:
[quote]
The height of each bar corresponds to the size of the recently allocated objects, and the color of the bars indicate whether or not those objects are still live in the final heap snapshot. Blue bars indicate objects that are still live at the end of the timeline, Gray bars indicate objects that were allocated during the timeline, but have since been garbage collected...
[/quote]
So what I gather from this is that, if the bars for previous allocations do not turn gray, it means that that memory is not being collected. Here is the updated Dojo sample which illustrates my point: http://dojo.telerik.com/EyuwU/6 . And I also upload the resulting profile from clicking the 'Generate (unattached)' button, which basically allocates random memory that, as you can see, is later properly GC'ed.
Regards, Ernesto
Rank 1
Forgot to uncomment a line XD. This is the current dojo http://dojo.telerik.com/EyuwU/7
PS:The option of editing a post would come in handy.
We will need some more time to inspect the issue and will contact you as soon as we have more information about the issue.
Regards,
Plamen
Telerik by Progress
We have inspected the provided scenario deeper but could not find any concrete memory leak traces. We researched the blue lines objects and their valued but could not see anything unusual. We have also tested the scenario with the Resource Monitor in but could not detect any memory leaking while performing the same function multiple times.
Regards,
Plamen
Telerik by Progress