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

[Boots]

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

[Kiril Nikolov]

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

[Boots]

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

[Kiril Nikolov]

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

[Boots]

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 

[Kiril Nikolov]

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

[Boots]

Hey Kiril,

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

Thank again for all of your assistance,
~Boots

[Kiril Nikolov]

Hello Ben,

You are welcome!

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

Regards,
Kiril Nikolov
Telerik

[Ladislav]

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

[Kiril Nikolov]

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

[Ladislav]

Hi,

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

Regards,
Ladislav

[Kiril Nikolov]

Hi Ladislav,

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

Regards,
Kiril Nikolov
Telerik

[F3M]

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

[Stefan]

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

[F3M]

thank you, seems to work now!