jquery - 仅在 F2 按键事件上显示 Kendo 工具提示

Question

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

$("#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中，tootip配置可以设置为在“mouseenter”、“click”和“focus”上显示工具提示。是否有任何选项可以在按 F2 键后显示工具提示？我需要一些解决方案。

Answer 1

更改'focus'上的kendo showOn属性，然后使用此代码在按下F2后显示tootlip:

$("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