OnRowClick not firing on in Chrome on Android (4.4)

4 posts, 0 answers
  1. Dave
    Dave avatar
    29 posts
    Member since:
    Aug 2010

    Posted 11 Mar 2014 Link to this post

    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?
  2. Marin
    Admin
    Marin avatar
    1045 posts

    Posted 14 Mar 2014 Link to this post

    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
     

    DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. GlenB
    GlenB avatar
    37 posts
    Member since:
    Apr 2010

    Posted 17 Feb in reply to Marin Link to this post

    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.

  5. Marin
    Admin
    Marin avatar
    1045 posts

    Posted 22 Feb Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top