Kendo 网格自定义按钮的 mouseover 或 mouseenter 或 onhover 事件？

Question

下图显示了一个小按钮，在 Kendo 网格的每一行上都有一个自定义编辑按钮，我使用以下代码实现了该按钮。

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


function myFunction(e) {
       var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
}

自定义按钮点击事件工作正常，但我的要求是 - 此按钮的 "onmouseover"、"mouseenter" 或 "onhover" 事件。 我尝试谷歌搜索，发现除了点击事件之外没有其他事件。 我只需要内置命令按钮事件，例如 "click" 就是这个例子。

如果我的实现有问题，请提出解决方案或纠正我。

Answer 1

Kendo 不提供任何其他事件类型，但 click。需要自己绑定。这很简单，只需将事件绑定到网格的元素过滤按钮 class:

$(grid.element).on("mouseover mouseenter", ".k-grid-MyEdit", function(e) {
    console.log("Button event type: ", e.type);
    $(this).click();
});

Demo.