Question

我创建一个Kendo网格编辑按钮，如下所示：

command: [{
    name: "MyEdit",
    click: myFunc,
    template: "<a id= 'myEdit' class='k-grid-MyEdit k-button'><span class='k-icon k-i-edit'></span></a>"
}]

我的要求是当我将鼠标悬停在按钮上时，应显示一个剑道工具提示。由于kendo命令自定义按钮没有内置的onmouseover或onhover事件，因此我找到了以下解决方案来触发onmouseover事件：

$(grid.element).on("mouseover mouseenter", ".k-grid-MyEdit", function(e) {
   alert("Hello"); //this works   
   //implement tooltip here
});

我尝试实现了一个剑道工具提示，但无法销毁它。请帮帮我。

Answer 1

您无需实施自己的工具提示机制：您可以直接使用Kendo UI tooltip。

要向按钮添加工具提示，请添加以下声明：

$(grid.element).kendoTooltip({
    filter: ".k-grid-MyEdit",
    width: 120,
    position: "top", 
    content: 'My tooltip'
});

这是如何运作的：

您在元素上创建kendoTooltip，其中包含您要在工具提示上显示的任何元素（此处为您的网格）
filter属性是一个选择器：工具提示将显示在与选择器匹配的所有子元素上（所以这里，您的按钮）
content属性是您要在工具提示中显示的属性（它也可以是模板）

我创建了一个jsFiddle来演示：https://jsfiddle.net/7ue2zq45/1/

在剑道中自定义按钮的工具提示onmouseover事件？

1 个答案: