We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Double Click event on iPhone

Thread ID:

Created:

Updated:

Platform:

Replies:

146384 Aug 2,2019 03:51 AM UTC Aug 22,2019 12:52 PM UTC ASP.NET Core - EJ 2 9
loading
Tags: DataGrid
Sanjay
Asked On August 2, 2019 03:51 AM UTC

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 [Syncfusion]
Replied On August 5, 2019 12:26 PM UTC

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
Replied On August 7, 2019 04:56 PM UTC

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 [Syncfusion]
Replied On August 9, 2019 12:36 PM UTC

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
Replied On August 17, 2019 03:04 PM UTC

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 [Syncfusion]
Replied On August 21, 2019 12:20 AM UTC

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.  


Regards, 
Balaji Sekar. 


Sanjay
Replied On August 21, 2019 02:08 AM UTC

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 [Syncfusion]
Replied On August 21, 2019 09:18 AM UTC

Hi Sanjay, 

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


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

Regards, 
Balaji Sekar

Sanjay
Replied On August 21, 2019 01:07 PM UTC

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 [Syncfusion]
Replied On August 22, 2019 12:52 PM UTC

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. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon