用于Kendo Grid自定义按钮的mouseover或mouseenter或onhover事件？

Question

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

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"));
}

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

如果我的实施出现问题，请建议我解决方案或纠正我。

Answer 1

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

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

Demo