Grid Touch Scrolling doesnt seem to work with scrollable virtual = true

15 posts, 1 answers
  1. Boots
    Boots avatar
    81 posts
    Member since:
    Dec 2008

    Posted 10 Dec 2013 Link to this post

    Hello,

    I'm trying to enable virtualization in the kendoui web grid. Everything works as expected if i'm using a mouse.
    However when using a touch device scrolling doesnt seem to work with a swipe gesture.

    below is an example of how i'm implementing the kendo grid.
    var customerVM = kendo.observable({
        customers: new kendo.data.DataSource({
            data: eval('(' + host.GetItems() + ')'),
            pageSize: 10
        })
    });
     
    $("#customer-grid").kendoGrid({
            columns: [
                { field: "CustId", title: "ID" },
                { field: "Name", title: "Name" }
            ],
            dataSource: customerVM.customers,
            filterable: true,
            groupable: false,
            reorderable: true,
            resizable: true,
            sortable: {
                mode: "multiple",
                allowUnsort: true
            },
            height: "630px",
            selectable: "single",
            scrollable: {
                virtual: true
            }
        });
     
     kendo.bind($("#customer"), customerVM);
    Any idea's what i'm doing wrong?

    Thanks much,
    ~Boots
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 12 Dec 2013 Link to this post

    Hello Ben,

    I was not able to reproduce the issue that you are referring to. Tested the following code on an iPad and Nexus 7, but it seems to be working as expected. Please tell me if I missed something?

    http://jsbin.com/uSOpeko/2

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Boots
    Boots avatar
    81 posts
    Member since:
    Dec 2008

    Posted 12 Dec 2013 Link to this post

    Hey Kiril,

    Thanks for getting back to me. You're right. It does work with IOS devices and android devices. I was testing with a windows tablet running windows 8.1... Sadly this are our target device for this application. Any idea why it wouldn't work on a windows 8.1 device running it through internet explorer? Other than it's a windows device running internet explorer.

    Thanks again,
    ~Boots
  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 12 Dec 2013 Link to this post

    Hi Ben,

    The difference comes from the fact that the when the Grid is used on a Windows 8.1 touch device there is no way to detect if mouse is attached to the device or not. This is the reason why the Grid's scroller is displayed and you need to use it in order to scroll the Grid and load the items. Do you see the scroller on the right, when you run your project on touch device (as in the attached screenshot)?

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Boots
    Boots avatar
    81 posts
    Member since:
    Dec 2008

    Posted 12 Dec 2013 Link to this post

    Hey Kiril,

    I do see the scroller on the side. Please correct me if i'm wrong but... this sounds like a limitation of window to me. 

    Why would it work if i omit selectable and scrollable? I still see the scroll bar on the side but touch scrolling works.

    thanks again,
    ~Boots 
  6. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 14 Dec 2013 Link to this post

    Hi Ben,

    When virtual scrolling is disabled, the content is scrolled using the native device scrolling. When you enable the virtual scrolling the native scrolling can no longer be used and the scrolling that you see is handled with JavaScript and user events. Due to many limitations of the Internet Explorer and the platform in general, the functionality that you see on iOS and Android tablets, cannot be achieved.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Boots
    Boots avatar
    81 posts
    Member since:
    Dec 2008

    Posted 14 Dec 2013 Link to this post

    Hey Kiril,

    Thanks for your help. It's a bummer that it wont work.

    Thank again for all of your assistance,
    ~Boots
  8. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 16 Dec 2013 Link to this post

    Hello Ben,

    You are welcome!

    If you need any assistance, please do not hesitate to contact us.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Ladislav
    Ladislav avatar
    32 posts
    Member since:
    Jan 2009

    Posted 05 Feb 2014 in reply to Kiril Nikolov Link to this post

    Hi,

    according http://stackoverflow.com/questions/13076839/what-is-the-user-agent-string-for-surface-rt we can detect touch support.
    And probably also register for touch events.

    Regards,
    Ladislav
  10. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 06 Feb 2014 Link to this post

    Hello Ladislav,

    Touch events are registered and handled, however using mouse along with a touch device is what is causing the issue discussed in this topic.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  11. Ladislav
    Ladislav avatar
    32 posts
    Member since:
    Jan 2009

    Posted 10 Feb 2014 in reply to Kiril Nikolov Link to this post

    Hi,

    I am not a browser details expert. But this https://demos.devexpress.com/MVCxGridViewDemos/PagingAndScrolling/EndlessPaging works on my Surface.

    Regards,
    Ladislav
  12. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2598 posts

    Posted 10 Feb 2014 Link to this post

    Hi Ladislav,

    Thank you very much for sharing this, we will take a look.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  13. F3M
    F3M avatar
    12 posts
    Member since:
    Dec 2004

    Posted 02 Jan Link to this post

    Hi,

    has this problem been solved yet? Like ladislav said above, "virtual scrolling" works properly in the devexpress component using my surface, but the kendo grid virtual scrolling doesnt. 

    thank you

  14. Stefan
    Admin
    Stefan avatar
    1474 posts

    Posted 04 Jan Link to this post

    Hello,

    I can suggest checking the issue which we opened on this subject.

    It contains a response from the developers' team describing why we are using the current implementation and how it can be changed manually if required:

    https://github.com/telerik/kendo-ui-core/issues/3220

    Regards,
    Stefan
    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.
  15. F3M
    F3M avatar
    12 posts
    Member since:
    Dec 2004

    Posted 04 Jan in reply to Stefan Link to this post

    thank you, seems to work now!
Back to Top