Telerik ASP.NET Core Grid - 行上的双击事件

Question

我正在开发一个 .NET Core MVC Web 应用程序，该应用程序主要用于 iPad，但也有一些台式机。该应用程序的主要功能是 Telerik Kendo UI 网格。

网格中的每一行都应该可以双击以重定向到详细信息页面，因为单击网格中的某些项目会触发触摸屏上的工具提示。

我最近实现了桌面版：

$("#grid").on("dblclick", "tr[role='row']", function (e) {

        var grid = $("#grid").data("kendoGrid");
        var model = grid.dataItem(this);
        var id = model.Id;

        window.location.href = '@Url.Action("Index", "Details")' + "/" + id;
    });

但是我刚刚发现双击事件显然不会在触摸屏上触发。

除了触摸屏上的双击事件之外，是否可以实现与上述相同的功能？

Answer 1

我可以通过使用 bit of code from github user: attenzione.

来解决这个问题

并像这样实现它：

$("#grid").on("doubletap", "tr[role='row']", goToDetailsPage);
$("#grid").on("dblclick", "tr[role='row']", goToDetailsPage);

function goToDetailsPage() {
    var grid = $("#grid").data("kendoGrid");
    var model = grid.dataItem(this);
    var id = model.Id;

    window.location.href = '@Url.Action("Location", "Details")' + "/" + id;
}