Dealing with virtual scrolling in Kendo Grids

[matt]

Are there any methods available to assist with getting all rows of a kendo grid where virtual scrolling is enabled?

[Boyan Boev]

Hi Matt,

There is no any spacial method for virtual scrolling in Kendo. You should just scroll down to get all rows.

It is similar as Silverlight. See that article. You should implement a similar approach for the Kendo virtual scrolling.

Hope that helps. 

Regards,
Boyan Boev
Telerik

 

 

[matt]

Thank you for the reply Boyan.

Seems that many of the items in that linked article do not apply / exist for Kendo Grids. Can you provide a more specific example for handling this type of behavior in a Kendo Grid?

Thank you

[Boyan Boev]

Hi Matt,

Unfortunately we do not have such examples.

I will try to create some example for you against our demo site and will update this thread accordingly.

Thank you for your understandings.

Regards,
Boyan Boev
Telerik

 

 

[Boyan Boev]

Hello Matt,

Please find attached a test which scroll to the bottom of the KendoGrid with visualization. It scroll by 9 rows in that particular case.

Hope that helps.

Regards,
Boyan Boev
Telerik

 

 

[matt]

I implemented the code provided by Boyan in the latest post but it does not solve the issue in our project. No additional data is loaded in the grid. Please provide additional assistance. Thank you

[Boyan Boev]

Hi Matt,

This was a demo project against our Kendo demo site just to demonstrate how it should be implemented. I cannot say exactly how it should be implemented in your application since I have no access to it.

If you can grant me an access to it I can write the proper code against it.

The next best option is if you can capture a Fiddler trace of the problem page. We have about a 75% success rate using a Fiddler trace to simulate your web server and reproduce problems.

Follow these steps:

1) Start Fiddler - note no browser should be open
2) Click Clear Cache
3) If your site uses HTTPS click Decrypt HTTPS traffic
4) Start Capture
5) Launch a browser
6) Navigate to the problem page and pop up.
7) Stop Capture
8) Save Capture
9) Put the .SAZ file into a .zip file and attach that to this support ticket

Looking forward to hearing from you.



Regards,
Boyan Boev
Telerik

 

 

[matt]

Boyan,

My supervisor is looking into how we can get you access to our application. In the meantime, I did perform a Fiddler capture. In this capture, I load the browser, navigate to the page and scroll through a couple pages so that the virtual scrolling occurs.

[Boyan Boev]

Hello Matt,

Thank you for the Fiddler. I will study it and update this ticket accordingly.

Thank you!

Regards,
Boyan Boev
Telerik

 

 

[Boyan Boev]

Hi Matt, 

Please see the attached screen shot. This is the site I am able to navigate to via the Fiddler. 

Please do let me know how to navigate to the particular Kendo Grid so I can write the code for you.

Thank you!

Regards,
Boyan Boev
Telerik

 

 

[Boyan Boev]

Hi Matt, 

Please see the attached screen shot. This is the site I am able to navigate to via the Fiddler. 

Please do let me know how to navigate to the particular Kendo Grid so I can write the code for you.

Thank you!

Regards,
Boyan Boev
Telerik

 

 

[matt]

Boyan,

That is the page that the grid is on, it seems that the grid is not loading for you. How are you navigating to the page?

[Boyan Boev]

Hello Matt,

I am navigating to the page via the Fiddler trace you've recorded. 

Could you please record a new trace but now please click on Clear Cache button, Store Binaries and decrypt HTTPS in the Fiddler Cap application prior the recording.

Hope to hear from you soon.

Regards,
Boyan Boev
Telerik

 

 

[matt]

Boyan,

Please try the attached and see if it is what you need.

Thank you

[Boyan Boev]

Hi Matt,

I am able to navigate to the grid however it has only 12 items so I there is no scrolling e.t.c. (see the attached screen shot).

Please consider giving us a direct access so we can resolve your issue.

Hope to hear from you soon.

Regards,
Boyan Boev
Telerik

 

 

[matt]

Boyan,

That is the wrong screen. The screen we provided in the .saz file is the Accounting Events Page. I believe you may have confused our two tickets.

[Boyan Boev]

Hello Matt,

Yes you are correct, please excuse me for the misunderstanding.

Unfortunately there is still no grid under that page (see the attached screen shot).

It seems that the only how we can resolve this is to provide us with a direct access. Please consult this with your managers.

We can sign an NDA for your convince.

Thank you for your understandings.

Regards,
Boyan Boev
Telerik