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

Large Databinding to Calendar

1 Answer 147 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Ankit
Top achievements
Rank 1
Veteran
Ankit asked on 16 Dec 2020, 07:22 AM

Hi,

We have more than 5000 records in calendar.

Currently if we bind all data together then scheduler takes almost 2 mins.

so avoiding load and bind time, we need to bind data on every view change. 

For e.g. By default month will be current month and when user navigate to next or previous month, we need to bind data and that way it will reduce the bind and load time.

We have used our custom api for read operation but found that when we change the view, it is not working as expected.

When we navigate and rebind the data, then it is not calling our read api with startdate and enddate.

How we can proceed further?

 

1 Answer, 1 is accepted

Sort by
0
Misho
Telerik team
answered on 17 Dec 2020, 12:18 PM

Hi Vishal,

As you have noticed, loading such a large number of events causes performance issues and it could lead to a crash in the browser. The reason for that is the huge amount of DOM elements, which are processed by the browser JavaScript engine.

With regard to the performance hit when multiple resources are used you could check the following thread, in which this issue is discussed and an approach consisting of requesting only the data for the visible days from the server (implementing server filtering) is suggested. 

This is demonstrated in the following example:

https://www.telerik.com/support/code-library/kendoui-scheduler-server-filtering 

 

In addition since with R2 2020 the Kendo UI for jQuery Scheduler now comes with built-in virtualization when scrolling vertically. This helps improve scenarios where a large number of events are found within the Scheduler.

You could refer to the following resources for more information about Scheduler virtualization:

https://demos.telerik.com/kendo-ui/scheduler/resources-grouping-vertical-virtual 

https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/views.virtual 

https://feedback.telerik.com/kendo-jquery-ui/1360073-scheduler-virtualization-for-multiple-resources 

 

You may also find the Performance Issues article in Kendo UI documentation useful.

I hope this helps.

Please don't hesitate to contact us again if a specific issue pops up or in case you have other feedback or questions related to Kendo UI components.

Regards,
Misho
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
Scheduler
Asked by
Ankit
Top achievements
Rank 1
Veteran
Answers by
Misho
Telerik team
Share this question
or