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/

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

1 个答案: