This is a migrated thread and some comments may be shown as answers.

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

14 Answers 497 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Boots
Top achievements
Rank 1
Boots asked on 10 Dec 2013, 04:13 PM
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

14 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 12 Dec 2013, 11:49 AM
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!
0
Boots
Top achievements
Rank 1
answered on 12 Dec 2013, 02:23 PM
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
0
Kiril Nikolov
Telerik team
answered on 12 Dec 2013, 03:10 PM
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!
0
Boots
Top achievements
Rank 1
answered on 12 Dec 2013, 03:32 PM
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 
0
Accepted
Kiril Nikolov
Telerik team
answered on 14 Dec 2013, 08:26 AM
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!
0
Boots
Top achievements
Rank 1
answered on 14 Dec 2013, 05:48 PM
Hey Kiril,

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

Thank again for all of your assistance,
~Boots
0
Kiril Nikolov
Telerik team
answered on 16 Dec 2013, 08:00 AM
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!
0
Ladislav
Top achievements
Rank 1
answered on 05 Feb 2014, 10:15 AM
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
0
Kiril Nikolov
Telerik team
answered on 06 Feb 2014, 09:22 AM
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!
0
Ladislav
Top achievements
Rank 1
answered on 10 Feb 2014, 06:53 AM
Hi,

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

Regards,
Ladislav
0
Kiril Nikolov
Telerik team
answered on 10 Feb 2014, 11:52 AM
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!
0
F3M
Top achievements
Rank 2
answered on 02 Jan 2018, 05:51 PM

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

0
Stefan
Telerik team
answered on 04 Jan 2018, 08:14 AM
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.
0
F3M
Top achievements
Rank 2
answered on 04 Jan 2018, 11:02 AM
thank you, seems to work now!
Tags
Grid
Asked by
Boots
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Boots
Top achievements
Rank 1
Ladislav
Top achievements
Rank 1
F3M
Top achievements
Rank 2
Stefan
Telerik team
Share this question
or