仅在 F2 按键事件时显示 Kendo 工具提示

Question

我有一个包含数据的 kendo 网格。我使 kendo 网格可以按行选择。之前我使用 kendo tooltip 在 tooltip 中显示所选行的详细信息。现在我的客户要求是在选择行时无法在鼠标输入或单击时显示 kendo 工具提示。在我们按下 F2 键后，kendo 工具提示必须显示。

$("#grid").kendoTooltip({
    filter: ".k-state-selected",
    height: "150px",
    width: "Auto",
    autoHide: false,
    content: function (e) {
        debugger
        var target = e.target;
        var Column = $(target).text();
        var ICDCode = target[0].cells[0].innerText;
        var ICDCodeDescription = target[0].cells[1].innerText;
        var ICDGroupCode = target[0].cells[2].innerText;
        var ICDGroupDescription = $(".k-state-selected td.hasTooltip", "#grid")[0].id;
        $("#lblICDCode").html(ICDCode)
        $("#lblICDCodeDescription").html(ICDCodeDescription)
        $("#lblICDGroupCode").html(ICDGroupCode)
        $("#lblICDGroupDescription").html(ICDGroupDescription)
        var toolTip = $("#divRow").html();
        return toolTip;
    }
})

我实现了在 mouseenter 事件中显示带有选定行数据的 kendo 工具提示。在 kendo 中，tootip 配置可用于设置在 "mouseenter"、"click" 和 "focus" 上显示工具提示。按 F2 键后是否有显示工具提示的选项？我需要一些解决方案。

Answer 1

在 'focus' 上更改 kendo showOn 属性然后使用此代码在按下 F2 后显示工具提示：

$("body").keydown(function (e) {
    if(e.key === "F2"){
        var $grid = $("#grid");
        $grid.data('kendoTooltip').show($grid.find('.k-state-selected'));
    }
});

示例：http://dojo.telerik.com/atUrI

仅在 F2 按键事件时显示 Kendo 工具提示

Display Kendo Tooltip only on F2 keypress event

jquery

asp.net-mvc-4

kendo-ui

kendo-grid

kendo-tooltip