Completed
Last Updated: 11 May 2020 11:32 by ADMIN
Release 2020.R2
Andrew
Created on: 03 Apr 2019 15:17
Category: Grid
Type: Feature Request
3
Render groups collapsed and load on demand upon expanding

 

When endless scrolling and grouping is enabled on the KendoUI grid, collapsing large groups causes the grid to load ALL the hidden detail rows into the DOM.

 

This takes a very long time for the grid to do, as well it violates the whole point of a paging system. (ie I only want you to load X records at a time). Afterwards the performance of entire website (including the grid) will be very poor since potentially thousands of rows have been loaded into the grid and then immediately hidden. Additionally, these rows do not add any value to the user, since they are all hidden anyways.

 

When a category is collapsed, the grid should NOT add any new rows for that category to the DOM.

 

I have included a sample that demonstrates the performance issues.

10 comments
ADMIN
Alex Hajigeorgieva
Posted on: 29 Jan 2020 11:26

Hi, Andrew,

According to the planned item I can see internally, we would like to start with jQuery and then implement it in React and Angular dependent on its success and how it works out as we start our investigation and face the challenges we anticipate we will.

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Andrew
Posted on: 27 Jan 2020 15:21

Thanks Alex. 

 

Do you know if it is intended/possible to explore this solution in both the JQuery and React versions of the grid?

ADMIN
Alex Hajigeorgieva
Posted on: 27 Jan 2020 08:46

Hi, Andrew,

Thank you for sharing your thoughts as we collect more information about these options.

I changed the title of the item:

https://feedback.telerik.com/kendo-jquery-ui/1403515-render-groups-collapsed-and-load-on-demand-upon-expanding

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Andrew
Posted on: 20 Jan 2020 15:38

Hey Alex!

 

I would be very interested to see an implementation where the groups load collapsed and that their items are requested on demand upon expanding. I believe such an implementation would resolve the underlying issue I am encountering.

 

 

ADMIN
Alex Hajigeorgieva
Posted on: 20 Jan 2020 10:00

Hi, Andrew,

We are looking into improving the grouping performance in the upcoming quarters and gathering information.

Would you prefer that the page size is the group itself and upon collapsing the next group is requested or would it better to load the groups collapsed and request their items on demand upon expanding?

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
ADMIN
Angel Petrov
Posted on: 24 Apr 2019 12:29
Hello,

Please accept my apologies for the misunderstanding. Indeed the current thread is marked as a feature request. We will examine it thoroughly. However I can not promise that we will include such a functionality for the endless scrolling.

Regards,
Angel Petrov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Andrew
Posted on: 17 Apr 2019 14:47

It is my understanding that this thread is a "feature request". When I submitted a bug I was instructed to submit a feature request here. Is there somewhere else I should be submitting this request?

 

ADMIN
Angel Petrov
Posted on: 17 Apr 2019 14:24
Hello,

In the current implementation this can not be achieved since it will require a change in the way the grid functions and that would be a breaking change. However if you open an official feature request we will examine the case and if possible implement an option that would just collapse the group row instead of rendering them.

Regards,
Angel Petrov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Andrew
Posted on: 10 Apr 2019 14:28

Hi Angel,

 

I am not sure I understand the implementation challenge. I believe I understand the need to fetch all of the group data from the data set to collect enough data to render a "page worth" of rows into the grid, which is fine. What we are requesting is to not render (add to the DOM) all the hidden rows for the collapsed group.

 

What is currently happening:

#1) User loads the grid, add <pagesize> rows to the DOM

#2) User collapses a group, add <groupsize (which could be thousands)> hidden rows to the DOM

 

I would like to have an option to prevent hidden rows in collapsed groups from being adding to the DOM (they will still need to be loaded from the server).

 

Can you elaborate for me on why this is not feasible? I am not sure how a hidden record vs no record will affect scrollbar.

 

Thanks!

 

 

 

 

ADMIN
Angel Petrov
Posted on: 10 Apr 2019 10:40
Hi,

I completely understand your concerns in regards of this scenario however this was the design decision when implementing the endless scrolling. The problem with not extracting the entire group is that there are cases where a group large enough is collapsed and then no scroll will appear, by design in such cases a new subset of items should be requested. If you have an alternative approach in mind I suggest opening a feature request. That way we will examine the requirements and if possible improve the functionality for a future release.

Regards,
Angel Petrov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.