Telerik ASP.NET 核心網格 - 行上的雙擊事件

Question

我正在開發一個 .NET Core MVC web 應用程序，該應用程序主要用於 iPad 和一些台式機。 該應用程序的一個主要功能是 Telerik 劍道 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

我能夠通過使用來自 github 用戶的這段代碼來解決這個問題： 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;
}