disable kendo.touchScroller on grid

10 posts, 0 answers
  1. berkin
    berkin avatar
    5 posts
    Member since:
    Sep 2014

    Posted 22 Sep 2014 Link to this post

    Hi,

    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.
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 24 Sep 2014 Link to this post

    Hello Berkin,

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Robert
    Robert avatar
    4 posts
    Member since:
    Mar 2015

    Posted 05 Feb in reply to Alexander Valchev Link to this post

    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?

     

     

  4. Nikolay
    Admin
    Nikolay  avatar
    323 posts

    Posted 09 Feb Link to this post

    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/.

  5. Robert
    Robert avatar
    4 posts
    Member since:
    Mar 2015

    Posted 16 Feb in reply to Nikolay Link to this post

    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? 

     

  6. Nikolay
    Admin
    Nikolay  avatar
    323 posts

    Posted 18 Feb Link to this post

    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/.

  7. Robert
    Robert avatar
    4 posts
    Member since:
    Mar 2015

    Posted 18 Feb in reply to Nikolay Link to this post

    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

     

     

     

  8. Tsvetomir
    Admin
    Tsvetomir avatar
    837 posts

    Posted 22 Feb Link to this post

    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/.

  9. Robert
    Robert avatar
    4 posts
    Member since:
    Mar 2015

    Posted 22 Feb in reply to Tsvetomir Link to this post

    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.

     

     

  10. Tsvetomir
    Admin
    Tsvetomir avatar
    837 posts

    Posted 24 Feb Link to this post

    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/.

Back to Top