Question

我有一个带数据的kendo网格。我可以按行选择kendo网格。之前我使用kendo工具提示在工具提示中显示所选行的详细信息。现在我的客户端要求是在选择行时无法在mouseenter或click上显示kendo工具提示。按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工具提示。在kendo tootip配置中可以设置为显示工具提示＆＃34; mouseenter＆＃34;，＆＃34;点击＆＃34;并且＆＃34;专注＆＃34;。按F2键后是否有显示工具提示的选项？我需要一些解决方案。

Answer 1

更改showOn上的kendo 'focus'属性，然后在按下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 Tooltip

1 个答案: