Scheduler load time and responsiveness decrease with high volume of data

6 posts, 0 answers
  1. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 13 Jun 2018 Link to this post

    In our application we have data for more than 200 rooms . We fetch data for all the rooms from the back end in one api call within a particular date range (10 or 15 days range) which can have large amount of data. If we bind all the data to the scheduler the rendering is very slow. Is there a way we could bind the data to the scheduler on scroll?
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2053 posts

    Posted 15 Jun 2018 Link to this post

    Hello Nithin,

    Currently loading events on scrolling (infinite scrolling or virtualization) the Scheduler's view is not implemented. This feature has been requested before: see this feature request in our Feedback Portal. At present it is not yet approved for implementation by the team so we would suggest voting for it. The highly demanded requests are usually planned with precedence for subsequent releases.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 03 Jul 2018 in reply to Ivan Danchev Link to this post

    Hi Ivan,
    Is there a way to make binding the response JSON to scheduler a little more faster currently I'm using setDataSource() say something like getting the entire JSON and binding it in background without interfering with the user?
  4. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2053 posts

    Posted 05 Jul 2018 Link to this post

    Hello,

    Binding to the response cannot be made faster, and most probably the rendering is what causes the slow down in your case. You could verify this by hiding the Scheduler with CSS initially:
    .k-scheduler {
      display: none;
    }

    and showing it when it is bound to the data, in its dataBound event handler:
    dataBound: function(e) {
      $(".k-scheduler").css("display", "block");
    }

    Dojo example.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 09 Jul 2018 in reply to Ivan Danchev Link to this post

    Hi Ivan,
    I did manage to work a way around this slowness issue on render.
    I have implemented a resource pagination through which only a small portion of large data set is displayed making the widget very fast in rendering.

    resource pagination

    PS: This is just my concept may have some bugs 

  6. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2053 posts

    Posted 10 Jul 2018 Link to this post

    Hi Nithin,

    I am glad you have found a custom solution that avoids loading all resources at once. Thank you for sharing it. I hope it will be useful to other members of the community who face a similar scenario.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top