我正在开发.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;
});
但是我刚刚发现,双击事件显然不会在触摸屏上触发。
除了触摸屏上的双击事件,是否可以实现与上述相同的功能?
我能够使用github用户bit of code的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;
}