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

Selecting "All" in pagination dropdown of kendogrid causing page to hang for sometime.

5 Answers 461 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sana
Top achievements
Rank 1
Sana asked on 10 Aug 2016, 10:58 AM
When we select "All" in pagination drop down of kendo grid, it causes page to hang/unresponsive for sometime. This happens huge datasource( like 10000 ) only. Kindly provide a solution how can we resolve this issue.

5 Answers, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 11 Aug 2016, 02:57 PM
Hello Sana,

The "All" option sets the pageSize to the total number of items, effectively loading all data items in the Grid, which causes the mentioned delay for large datasets:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-pageable.pageSizes

You can set the mentioned configuration property value to an array, holding custom values of your preference, omitting the "All" option, as shown in the following simple dojo example:

http://dojo.telerik.com/iqOgip

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
0
Sana
Top achievements
Rank 1
answered on 12 Aug 2016, 06:24 AM

We understand the cause of delay is due to loading all data items in grid. We cannot omit "All" option as a requirement demand.

Can we handle this by showing some delay message when we select "All" while the items are loading?

Else please provide a solution to overcome this delay as page becomes unresponsive leading to kill the page sometimes. It will be a great help.

0
Alex Hajigeorgieva
Telerik team
answered on 16 Aug 2016, 11:35 AM
Hello Sanax,

Please accept my apology for the delay.

The Kendo UI Grid should have a built-in kendo progress. However, as requested - below are two different ways to initialize your own Kendo UI progress indicator.

1) Attach an event handler to the requestStart event of the Kendo UI Data Source.
2) Choose either Kendo UI progress() method or a Progress Bar and begin displaying the relevant loading indication.
3) Add a handler function to the requestEnd event of the Kendo UI Data Source or the Kendo UI Grid dataBound event.
4) End the loading indication

Let me know if you need further help.

Regards,
Alex
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
0
Viral
Top achievements
Rank 1
answered on 04 Aug 2020, 12:48 PM

Hello Alex,

   Can you please provide some demo to show loading indicator while chnage pagesizes from drop-down of kendo-grid paging

0
Alex Hajigeorgieva
Telerik team
answered on 06 Aug 2020, 10:47 AM

Hello, Viral,

The loading indicator is shown what the grid requests new data. There is no need to implement it programmatically.

Take a look at this remotely bound grid with pageSizes and note that the loading indicator shows out of the box when you change them:

https://dojo.telerik.com/@bubblemaster/EzOMetAQ

Regards,
Alex Hajigeorgieva
Progress Telerik

Tags
Grid
Asked by
Sana
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Sana
Top achievements
Rank 1
Alex Hajigeorgieva
Telerik team
Viral
Top achievements
Rank 1
Share this question
or