TreeList `loaded(false)` causes freezing UI

[Alexey]

Hi,

I'm using TreeList kendo component and there's a case when I need to force refresh of the whole tree node (sometimes it might have quite deep nesting level) and that's causing UI freeze for up to a few seconds.

I'm using the KendoTreeList API like:

```

treeList.kendoTreeList({

            expand: function (e) {

                    this.dataItem(e.model).loaded(false);
              }

})

```

I tried profiling this code and found out that lots of rendering calls (like removeChildData(), removeItems()) is happening during the freeze. As I understand, kendo is cleaning up the subnodes and it takes a while. Is there a way to force refresh of a single node more efficiently? Any help would be appreciated.

[Tsvetomir]

Hi Alexey,

In general, when working with multi-level HierarchicalDataSource, the performance is expected to decrease with large data sets. This is a resource-heavy operation, which depends on the browser's engine.

The loaded() method causes all of the child nodes to be destroyed and recreated. Unfortunately, any DOM manipulations are slow operations, therefore, the Kendo UI team has no control over the time consumed. 

At present, there are no other options that can be undertaken in order to achieve the same.

 

Kind regards,
Tsvetomir
Progress Telerik