I have my own endless scroll implementation on kendo grid. Everything works fine on desktop but on ipad because of the kendo's kinetic scroll implementation my implementation doesn't work. Is there way to disable touch scroller for grids and use native scrollbar of ipad?
Thanks in advance.
9 Answers, 1 is accepted
To disable the mobile kinetic scroller, you may set the kineticScrollNeeded flag to false before widget initialization.
kendo.support.kineticScrollNeeded =
false
;
Regards,
Alexander Valchev
Telerik
In my case, I want to manually enable the kinetic scrolling for a grid with virtual scrolling. I tried the solution posted on https://github.com/telerik/kendo-ui-core/issues/3220 but was not successful in getting the touch / swipe to work on my MS Surface Book.
I just basically set kendo.support.kineticScrollNeeded to true in document.ready function. Only the horizontal touch scroll works. However, the vertical touch scroll is not working.
Can you provide a dojo on how to manually set the kendo.support.kineticScrollNeeded flag?
Hello Robert,
Here is a Dojo demonstrating the kinetic scrolling enabled for a virtual scrollable grid:
Let me know if this helps
Regards,
Nikolay
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/.
Hi Nikolay,
Unfortunately, I was not able to get the kinetic scrolling for a virtual scrollable grid to work. I modified the dojo that you have provided to match what I need to accomplish:
https://dojo.telerik.com/iTOxeNad/2
If I switch virtual scrollable to false, the regular and kinetic scrolling is working normally. Since virtual scrollable is true, the regular and kinetic scrolling are not working. Please don't recommend pagination. Can you take a look to see what I need to do to get the kinetic scrolling to work for a virtual scrollable grid?
Hi Robert,
The provided Dojo does not load the data. Can you check it please?
I noticed also that serverPaging is not enabled. This will force the Grid to load the entire dataset at the initial load of the grid. Below I am posting the official Virtualization of remote data demo:
Regards,
Nikolay
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/.
Hi Nikolay,
The data is loading for me when I pressed Run. Even if the serverPaging is set to true, the virtual scroll is not working at all. I believe there is an issue with kinetic scrolling when scrollable: { virtual: true} because when you set the pageSize to 1000 and virtual to false, you can see the entire data loaded and kinetic scrolling working normally.
Please refer to this dojo:
https://dojo.telerik.com/iTOxeNad/9
Hi Robert,
Thank you for the provided Dojo sample. Unfortunately, at the time I perform the tests the READ request for the grid fails.
Can you ensure that the server is up and running so that I can locally observe the issue?
Best regards,
Tsvetomir
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/.
Hi Tsvetomir,
The server is up and running. I just ran the Dojo and it is working for me. I have attached a screenshot to show the data are loaded in the grid but unable to scroll.
If you paste the read URL: "https://pciis2.pcmcus.com/TpsDev3/TS/ManningEntry/ManningEntry/GetResourceList" in a web browser, you can see the entire JSON data being returned.
Hi Robert,
I have tested out the link that you have referred to in several browsers as well as on the computers of my colleagues and we are all getting the "the connection has timed out" error. Can you ensure that the servers allow foreign connections that are outside of your network?
What I can recommend as a temporary workaround is to create a variable in JavaScript and supply it with the response of the server. Supply the collection to the grid as shown in the following article (second example with the transport configuration):
https://docs.telerik.com/kendo-ui/framework/datasource/crud#local-read-operations
After the data is seeded, do share the Dojo with your next reply.
Looking forward to your reply.
Best regards,
Tsvetomir
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/.