javascript - 我可以更改 MVC 中 Kendo UI 网格的工具提示默认操作吗？

Question

在默认操作中，当我将鼠标放在<td>上时在工具提示栏中，工具提示会显示内容。但是现在我想要的只是当我单击<td>时，它会显示内容。当我在 <td> 之外单击鼠标时，内容将会消失。演示在这里:demo

Answer 1

您只需将 showOn: "Click" 和 autoHide: false 添加到工具提示的设置中即可:

var toolTip = $('#grid').kendoTooltip({
     showOn: "click",
     autoHide: false,
    filter: ".tooltip",
    beforeShow: function (e) {
        if ($(e.target).data("name") === null) {
            // don't show the tooltip if the name attribute contains null
            e.preventDefault();
        }
    },
    content: function (e) {
        // may be get the content from server using ajax event
        var row = $(e.target).closest("tr");
        var dataItem = grid.dataItem(row);

        return "<div><table><tr><td role='gridcell'>dd</td></tr><tr><td role='gridcell'>dd</td></tr></table>Hi, this is a tool tip for id " + dataItem.Id + "! </div>";
    }
}).data("kendoTooltip");

演示:http://jsfiddle.net/2dzUb/7/