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

4 posts, 0 answers
  1. Sana
    Sana avatar
    5 posts
    Member since:
    Feb 2016

    Posted 10 Aug Link to this post

    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.
  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    349 posts

    Posted 11 Aug Link to this post

    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.
  3. Kendo UI is VS 2017 Ready
  4. Sana
    Sana avatar
    5 posts
    Member since:
    Feb 2016

    Posted 12 Aug in reply to Dimiter Topalov Link to this post

    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.

  5. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    115 posts

    Posted 16 Aug Link to this post

    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.
Back to Top
Kendo UI is VS 2017 Ready