This is a migrated thread and some comments may be shown as answers.

TreeList `loaded(false)` causes freezing UI

1 Answer 171 Views
TreeList
This is a migrated thread and some comments may be shown as answers.
Alexey
Top achievements
Rank 1
Alexey asked on 15 Dec 2020, 07:41 PM

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.

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 17 Dec 2020, 03:08 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TreeList
Asked by
Alexey
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Share this question
or