[Solved] OnRowClick not firing on in Chrome on Android (4.4)

[Dave]

I have the following grid:

<telerik:RadGrid ID="RGSearch"
    runat="server"
    CssClass="grid-mobileResponsive"
    GridLines="none"
    PageSize="20"
    AutoGenerateColumns="false"
    AllowSorting="True"
    AllowPaging="True"
    AllowFilteringByColumn="False"
    AllowMultiRowSelection="False">

    <MasterTableView DataKeyNames="Id" AllowMultiColumnSorting="true">
        <Columns>
            <telerik:GridBoundColumn HeaderText="Id" DataField="Id" Display="false" />
            <telerik:GridBoundColumn HeaderText="Val 1" DataField="val1" />
            <telerik:GridBoundColumn HeaderText="Val 2" DataField="val2" />
            <telerik:GridBoundColumn HeaderText="Val 3" DataField="val3" />
        </Columns>
    </MasterTableView>

    <PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Page {0} of {1} | Displaying rows {2}-{3} of {5}" />

    <ClientSettings Selecting-AllowRowSelect="true">
        <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />
        <ClientEvents OnRowDblClick="RowDblClick" OnRowClick="RowSnglClick" />
    </ClientSettings>
</telerik:RadGrid>

When viewing the website on an iphone or windows phone device, it behaves as expected and the RowSnglClick javascript function is called. But on android, with Chrome 33.0 nothing happens. But note that the double click event is firing.

I also noticed that you can't scroll over the grids. Scrolling and drag and drop are not enabled on the grid, so I figured that you should be able to scroll over it on the page, but if you touch it and move, again nothing happens.

I'm using v2013.3.1324.45 of the controls.

Are there any simple fixes that I'm missing for everything to work on Android?

[Marin]

Hi,

Handling both RowClick and RowDblClick is not supported on touch devices at the moment. We will try to improve this behavior for future versions. Currently if you have either one of the events handled it should work as expected.

You can scroll the data area of the grid only if scrolling is enabled. If scrolling is not enabled you should not be able to scroll the content. Is there any other specific behavior you expect when the scrolling is not turned on?

Regards,
Marin
Telerik

 

 

[GlenB]

Hi,

I have just updated from Telerik.Web.UI_2012_1_411_Dev to the current version Telerik_UI_for_ASP.NET_AJAX_2016_1_113_Dev and have come across this same issue. Curiously, the old version worked on my iPad with both the RowClick AND RowDblClick clientside events working fine together, but the new version does not. On the new version only the RowDblClick event is firing....(But on a desktop computer, BOTH work perfectly together - ie: only affecting iPad).

After reading this post I removed the RowDblClick event and suddenly the RowClick event works. It seems something was changed between these 2 versions which stopped the ability for both to work at the same time on a mobile device.

Ultimately I would still like to use BOTH events, so is there a workaround for this and do you know when this functionality will be returned to mobile devices?

Thanks.

[Marin]

Hello,

In order to achieve interoperability between different mobile devices the events are handled separately and only a single one is allowed at a time. Otherwise when you perform double click both event handlers (for single and double click) will be fired and executed which is often times undesired behavior.
In order to completely disable the doubletap plugin used by the grid you can execute the following line of code before the grid's scripts are loaded:

$telerik.$.fn.doubletap = null;

Regards,
Marin
Telerik