Double Click event on iPhone

[Sanjay]

Hi

Double click on  iPhone to open a record (when clicked on a grid row ) does not work . It is working on Android devices and desktops.

Thanks

Sanjay

[Balaji Sekar]

Hi Sanjay, 

We have validated the your query provided the information but it is unsuccessful to reproduce the reported issue in our end. Could you please share the below details to us it will be helpful to validate further. 

1. Share Video demonstrate of the issue.
2. Share Syncfusion Essential Studio version.
3. Share issue reproduce details in step by step.
4. If you have faced reported issue in your sample, share the Grid full code.

Please get back to us, if you need further assistance. 

Regards, 

Balaji Sekar. 

[Sanjay]

Hi Balaji,

Version : 17.2.34

On double click ,  there is no out in the console window.

Thanks

Code 

@using QCRM.Models.ViewModels

@model List<AccountSummaryView>

@{

    Layout = "/Views/Shared/_Layout.cshtml";

}

<script type="text/javascript">

    function openAccountDetailPageTest() {

        console.log("Double clicked worked!!!");

    }

</script>

<div class="pl-3 text-uppercase bg-primary text-white ">

    Account List

</div>

<div id="loaderAccountList" data-request-url="@Url.Action("AccountDetail", "Account")"></div>

<div class="pt-3">

    <ejs-grid id="gridStaffList" allowTextWrap="true" allowFiltering="true" allowSorting="true" toolbar="@(new List<string>() {"Search" })" recordDoubleClick="openAccountDetailPageTest" dataSource="@Model" allowPaging="true">

        <e-grid-filterSettings type="Menu"></e-grid-filterSettings>

        <e-grid-columns>

            <e-grid-column field="AccountName" headerText="Account" width="200"></e-grid-column>

            <e-grid-column field="AccountTypeDescription" hideAtMedia='(min-width: 500px)' headerText="Type" width="80"></e-grid-column>

            <e-grid-column field="RoleName" filter="@(new { type="CheckBox"})" clipMode="EllipsisWithTooltip" template="#roleTemplate" width="80" headerText="Role"></e-grid-column>

            @*<e-grid-column template="#parentTemplate" filter="@(new { type="CheckBox"})" clipMode="EllipsisWithTooltip"   headerText="Parent"></e-grid-column>*@

            <e-grid-column field="ParentName" filter="@(new { type="CheckBox"})" clipMode="EllipsisWithTooltip" width="200" template="#parentTemplate" headerText="Parent"></e-grid-column>

            <e-grid-column field="IndustryDescription" hideAtMedia='(min-width: 500px)' headerText="Industry" width="100"></e-grid-column>

            <e-grid-column field="CategoryDescription" hideAtMedia='(min-width: 500px)' headerText="Category" width="100"></e-grid-column>

            <e-grid-column field="CountryName" headerText="Country" hideAtMedia='(min-width: 500px)' filter="@(new { type="CheckBox"})" clipMode="EllipsisWithTooltip" template="#countryTemplate" width="100"></e-grid-column>

            <e-grid-column field="AccountManager" filter="@(new { type="CheckBox"})" clipMode="EllipsisWithTooltip" template="#empTemplate" width="100" headerText="Account Manager"></e-grid-column>

            <e-grid-column field="AccountId" visible="false" isPrimaryKey="true"></e-grid-column>

            <e-grid-column field="ProtectAccountId" visible="false"></e-grid-column>

        </e-grid-columns>

    </ejs-grid>

</div>

<script type="text/x-jsrender" id="empTemplate">

    <div>

        <div class="empimg">

            <span class="e-userimg">

            </span>

        </div>

        <span id="Emptext">${AccountManager}</span>

    </div>

</script>

<script type="text/x-jsrender" id="parentTemplate">

    <div>

        <div class="empimg">

            <span class="e-userimg">

            </span>

        </div>

        <span id="Emptext">${ParentName}</span>

    </div>

</script>

<script type="text/x-jsrender" id="roleTemplate">

    <div>

        <div class="empimg">

            <span class="e-userimg">

            </span>

        </div>

        <span id="Emptext">${RoleName}</span>

    </div>

</script>

<script type="text/x-jsrender" id="countryTemplate">

    <div>

        <div class="empimg">

            <span class="e-userimg">

            </span>

        </div>

        <span id="Countrytext">${CountryName}</span>

    </div>

</script>

<script id="parentTemplate" type="text/x-template">

    ${if(AccountTypeDescription === "Branch")}

    ${ParentName}

    ${/if}

</script>

[Balaji Sekar]

Hi Sanjay 

We could see the recordDoubleClick event has been bound to the Grid and its function definition was not attached. We suspect that its definition might affect the editing action of the Grid. Since record double click action is rendering the edit form, any changes may affect the recordDoubleClick may affect its action. Please share the complete customized code of the Grid and its event. 

Regards, 

Balaji Sekar. 

[Sanjay]

Hi Balaji

Please see attached a sample application demonstrating the issue. I am using recordDoubleClick event to navigate to a different page in this test application. This works on all browsers and devices except iOS mobile devices, iPhone.

Thank you 

Sanjay

Attachment: ISOTest_81896e1e.zip

[Balaji Sekar]

Hi Sanjay, 

We have validated the reported issue provided the information and it’s unsuccessful to reproduce the reported issue in our Grid. By default, IOS Mobile device to trigger recordDoubleClick event while we do double touch on the Screen alone not in mouse double click event. we have prepared the video to demonstrate of recordDoubleClick event rendering in IOS mobile device using you have provided a sample. If we misunderstood your query, please share the video demonstration of the exact issue it will help to validate further. 

Please refer the below video link to know about the recordDoubleClick event triggers on IOS mobile device.  

https://www.syncfusion.com/downloads/support/forum/146358/ze/mXZrVqbPKL1850408981.zip 

Regards, 

Balaji Sekar. 

[Sanjay]

Hi Balaji 

Thank you for sharing the video. I can see it works for you. Are you able to share the project? I want to do a side by side compare and find out what I am doing wrong.

Thank you and regards,

Sanjay

[Balaji Sekar]

Hi Sanjay, 

Yes, We have shared the workable sample with your requirement is given below. Please refer to the below sample for more information. 

Sample link: https://www.syncfusion.com/downloads/support/forum/146384/ze/ISOTest_81896e1e-210820191200738893.zip 

Please get back to us, if you need further assistance. 

Regards, 

Balaji Sekar

[Sanjay]

Hi  Balaji,

Thank you for sharing the project. The issue still exists . Please see attached video. What am I doing wrong?

Thanks and regards

Sanjay

Attachment: Issue_with_iPhone_Double_Click.mp4_fcaed744.zip

[Balaji Sekar]

Hi Sanjay, 

We have validated the reported problem in our end. But, it is unsuccessful. We confirm that whether you have to check the reported scenario in IOS mobile device or any relevant device. 

Regards, 

Balaji Sekar.