Telerik ASP.NET核心网格-行上双击事件

问题描述 投票:0回答:1

我正在开发.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;
    });

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

除了触摸屏上的双击事件,是否可以实现与上述相同的功能?

javascript c# jquery asp.net-core telerik
1个回答
0
投票

我能够使用github用户bit of codeattenzione解决此问题。

并像这样实现:

$("#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;
}
© www.soinside.com 2019 - 2024. All rights reserved.