我可以改变工具提示'的默认动作在MVC中的剑道UI网格

Can I change the tooltip's default action of Kendo UI grid in MVC?

本文关键字：MVC 网格 UI 工具提示 改变 默认 我可以      更新时间：2023-09-26

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

您只需要将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/

相关文章：