仅在 F2 按键事件时显示 Kendo Tooltip

Question

我有一个带有数据的剑道网格。我使剑道网格可以按行选择。在我使用剑道工具提示在工具提示中显示所选行的详细信息之前。现在我的客户要求是在选择行时它不能在鼠标输入或单击时显示剑道工具提示。我们按下 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 提示配置中可设置为在“mouseenter”、“单击”和“焦点”上显示工具提示。按 F2 键后是否有显示工具提示的选项？我需要一些解决方案。

Answer 1

更改'focus' 上的剑道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